有的網(wǎng)頁(yè)中鼠標(biāo)只要滑過(guò)圖片,圖片就可以360度旋轉(zhuǎn),這個(gè)效果用CSS3就可以實(shí)現(xiàn),我們?cè)谧龌笔a區(qū)人社局項(xiàng)目的時(shí)候就用到了這個(gè)效果:
![]()
它的寫法如下:
.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;
}這樣就可以實(shí)現(xiàn)當(dāng)鼠標(biāo)滑過(guò)圖片360度旋轉(zhuǎn)了
上一篇: Js怎么計(jì)算時(shí)間差



