循环旋转360度

在需要旋转的元素上添加 rotate类别即可

 

复制代码
.rotate{-webkit-animation: play 2s linear infinite;-moz-animation: play 2s linear infinite;-o-animation: play 2s linear infinite;animation: play 2s linear infinite}
@-webkit-keyframes play{
  0% {
    transform:rotate(0deg); 
  }
  100% {
    transform:rotate(360deg);
  }
}
@-moz-keyframes play{
  0% {
    transform:rotate(0deg); 
  }
  100% {
    transform:rotate(360deg);
  }
}
@keyframes play{
  0% {
    transform:rotate(0deg); 
  }
  100% {
    transform:rotate(360deg);
  }
}
复制代码

 

posted @   ghfjj  阅读(241)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示