有的網(wǎng)頁中鼠標只要滑過圖片,圖片就可以360度旋轉(zhuǎn),這個效果用CSS3就可以實現(xiàn),我們在做槐蔭區(qū)人社局項目的時候就用到了這個效果:
![]()
它的寫法如下:
.sevice_clum li:hover img{
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-webkit-transform-origin:center;
-moz-transform-origin:center; transition:all .3s linear;
}這樣就可以實現(xiàn)當鼠標滑過圖片360度旋轉(zhuǎn)了
上一篇: Js怎么計算時間差



