2019獨角獸企業重金招聘Python工程師標準>>>

/*div?旋轉同時放大*/ .box {? width:100px; height:100px;? background:#F90; transition:width?2s,?height?2s; -webkit-transition:width?2s,?height?2s,?-webkit-transform?2s;?/*?Safari?and?Chrome?*/ } .box:hover { width:200px; height:200px; transform:rotate(180deg); -webkit-transform:?rotate(180deg);/*?Safari?和?Chrome?*/ }/*icon圖標型*/ .box2 {? width:32px; height:32px;? -webkit-transition:?-webkit-transform?0.5s;?/*?Safari?and?Chrome?*/ } .box2:hover { transform:rotate(180deg); -webkit-transform:?rotate(90deg);/*?Safari?和?Chrome?*/ } <div?class="box">transform-2D旋轉</div> <div?class="box2"><img?src="icon_arrow.png"></div>

轉載于:https://my.oschina.net/u/583531/blog/310065

總結

以上是生活随笔為你收集整理的css3 transform rotate-2D旋转的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。