Css3 - 元素不停的旋转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Css3 - 元素不停的旋转相关的知识,希望对你有一定的参考价值。

请手动添加其他兼容性

#box{height:55px;position:relative}
#refresh{left:50%;position:absolute;top:0;animation:change 1s linear infinite;}
@-webkit-keyframes change{0%{-webkit-transform:rotate(0)} 50%{-webkit-transform:rotate(180deg)} 100%{-webkit-transform:rotate(360deg)}}
@keyframes change{0%{transform:rotate(0)}  50%{transform:rotate(180deg)} 100%{transform:rotate(360deg)}}

 

以上是关于Css3 - 元素不停的旋转的主要内容,如果未能解决你的问题,请参考以下文章

使用 CSS3 动画将元素旋转到 360 度

CSS3在动画元素上旋转导致点击事件不调用

css3怎么设置永久旋转

十天精通CSS3

css3的3d旋转为啥会导致元素变大?

变换上的 CSS3 动画:旋转。获取旋转元素当前度数的方法?