<style>
.box{
width: 300px;
height: 300px;
background-color: red;
margin:100px auto;
transition:all 1s;
color:#fff;
font-size:50px;
}
/* rotate（角度） 旋轉
正值 順時針
賦值：逆時針
*/
.box:hover{
transform:rotate(-945deg);
}
.out{
width: 300px;
height: 150px;
background-color: pink;
margin-top:200px;
position: relative;
}
.out::before{
content:"";
position: absolute;
width: 50px;
height: 50px;
background-color: pink;
transform:rotate(45deg);
left:40%;
top:-15px;
}
</style>
</head>
<body>
<div class="box">1</div>
<div class="out">
</div>
</body>
transform-rotate旋轉
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門姆坚，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人实愚，你說我怎么就攤上這事兼呵。” “怎么了腊敲？”我有些...
- 文/不壞的土叔 我叫張陵击喂，是天一觀的道長。 經(jīng)常有香客問我碰辅，道長懂昂，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任没宾，我火速辦了婚禮凌彬，結果婚禮上，老公的妹妹穿的比我還像新娘循衰。我一直安慰自己铲敛，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布会钝。 她就那樣靜靜地躺著原探，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上咽弦，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼绷落！你這毒婦竟也來了姥闪？” 一聲冷哼從身側響起，我...
- 正文 年R本政府宣布牌废，位于F島的核電站，受9級特大地震影響啤握，放射性物質發(fā)生泄漏鸟缕。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一排抬、第九天 我趴在偏房一處隱蔽的房頂上張望懂从。 院中可真熱鬧，春花似錦蹲蒲、人聲如沸番甩。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽缘薛。三九已至窍育，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間宴胧，已是汗流浹背漱抓。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 轉自竹音林，只為自己筆記拷肌，以備不時之需如果使用$(objName).css('transform')來獲取CSS3...
- 平常的開發(fā)過程中契沫，當我們要改變視圖的位置或者大小的時候带猴，我們的第一反應一定是用 frame 這個屬性去實現(xiàn)，但其實...
- 一.旋轉 rotate 用法：transform: rotate(45deg); 共一個參數(shù)“角度”懈万，單位deg為...
- 利用transform屬性對目標進行旋轉、縮放和位移涕侈，代碼如下： img{ transform:sca...
- 3D旋轉 label.layer.transform = CATransform3DMakeRotation(M...
