.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}
.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}
animation: rotation 3s linear infinite;
给.Rotation添加一个动画,动画名roration,动画持续三秒,匀速播放(linear),无限播放(infinite)
前面加-webkit-啦-o-啦是对其他浏览器的hack,如-webkit-animation在webkit内核的浏览器中有效,-o-animation在opera里有效
-webkit-transform: rotate(360deg);
.Rotate的内容旋转360度
3 回答5.2k 阅读✓ 已解决
5 回答2.1k 阅读
2 回答2k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
3 回答2.5k 阅读
2 回答1.1k 阅读✓ 已解决
2 回答2.2k 阅读
这就是一个css3动画啊,旋转360度,三秒内转完,线性变化