效果图

代码

@keyframes rotate {0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}
}

使用

/* turn : 定义的动画名称1s : 动画时间linear : 动画以何种运行轨迹完成一个周期infinite :规定动画应该无限次播放
*/.run { animation: rotate 1s linear infinite; }