CSS无限旋转

/*自定义动画类----顺时针旋转（使用这个动画的时候才设置动画执行时间）*/
@-webkit-keyframes changeright {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/*自定义动画类----逆时针旋转（使用这个动画的时候才设置动画执行时间）*/
@-webkit-keyframes changeleft {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
/*---------自定义快速旋转（就是引用刚才自定义changeright的动画）------*/
.imgrotate_rotateRight {
  -webkit-animation: changeright 1.5s linear infinite;
}
.imgrotate_rotateLeft {
  -webkit-animation: changeleft 1.5s linear infinite;
}