咨询电话:
15628812133
14
2017/04

鼠标滑过图片360度旋转用css如何实现

发布时间:2017-04-14 10:04:25
发布者:369563174
浏览量:
0

有的网页中鼠标只要滑过图片,图片就可以360度旋转,这个效果用CSS3就可以实现,我们在做槐荫区人社局项目的时候就用到了这个效果:

UO(3[3J[CVHECATBOHYB@FM.png

它的写法如下:

   .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;
    }

这样就可以实现当鼠标滑过图片360度旋转了


关键词:
返回列表