循环旋转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);
　　}
}