这段css是什么意思呀?

.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;
}
阅读 3.8k
4 个回答

这就是一个css3动画啊,旋转360度,三秒内转完,线性变化

-moz- -webkit- -o-是做浏览器兼容

animation: rotation 3s linear infinite;
给.Rotation添加一个动画,动画名roration,动画持续三秒,匀速播放(linear),无限播放(infinite)
前面加-webkit-啦-o-啦是对其他浏览器的hack,如-webkit-animation在webkit内核的浏览器中有效,-o-animation在opera里有效

-webkit-transform: rotate(360deg);
.Rotate的内容旋转360度

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题