2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

/*div?旋轉(zhuǎn)同時(shí)放大*/ .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圖標(biāo)型*/ .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旋轉(zhuǎn)</div> <div?class="box2"><img?src="icon_arrow.png"></div>

轉(zhuǎn)載于:https://my.oschina.net/u/583531/blog/310065

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。