首页 > 分享 > 正文

css3旋转属性和延迟属性
2018-10-10 15:53:45   来源:灰灰   评论:0 点击:

对于这两个属性不是经常用到,灰灰才不会记他长啥样,要用到时打开c3手册查查就可以了,刚刚又用到了,感觉老是查麻烦,就写在博客里方便些
对于这两个属性不是经常用到,灰灰才不会记他长啥样,要用到时打开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上也加上延迟属性,就可以慢慢转,慢慢回!完美!(工作中,继续了!)



相关热词搜索:css3 旋转 延迟

上一篇:为什么选择使用Go语言?
下一篇:用PHP实现图片验证码示例

分享到: 收藏
这里空拉拉的一点都不好看,我加个这个盒子可能会好看些,只是可能啊!我觉得......
看了下还是不好看,那再加一个......
看了下还是不好看,以后在这价格留言功能什么的可能会好些......