css animate 动画

最后停止用 forwards 或者 both

无限循环用 infinite

@-webkit-keyframes icon-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes icon-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

-webkit-animation: icon-rotate 0.3s ease both;
        animation: icon-rotate 0.3s ease both;