循环旋转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);
  }
}
原文地址:https://www.cnblogs.com/ghfjj/p/6645498.html