有的網(wǎng)頁中鼠標(biāo)只要滑過圖片,圖片就可以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)滑過圖片360度旋轉(zhuǎn)了
上一篇: Js怎么計(jì)算時(shí)間差