快捷搜索:  朋友圈  虎牙  响应式  as  次数  伪静态  浏览数  www.ymwears.cn

css3旋转属性和延迟属性

对于这两个属性不是经常用到,灰灰才不会记他长啥样,要用到时打开c3手册查查就可以了,刚刚又用到了,感觉老是查麻烦,就写在博客里方便些!
一个是旋转一个是延迟

旋转:
img{
transform:rotate(360deg);
-ms-transform:rotate(360deg);  /* IE 9 */
-moz-transform:rotate(360deg);  /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg);


延迟:
img{
transition: 1s;
-moz-transition: 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari 和 Chrome */
-o-transition: 1s; /* Opera */
}

再说一下我的发现,刚写了个hover属性事件,就是hover那个图片,旋转360度,鼠标移开,他会迅速回到原位置,如果在img上也加上延迟属性,就可以慢慢转,慢慢回!完美!(工作中,继续了!)


您可能还会对下面的文章感兴趣: