动画效果

通过关键字@keyframes来定义一个名叫runCircle的动画效果

@keyframes runCircle {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

然后在样式中使用

  .loading_icon{
    animation: runCircle infinite 1s linear;
    display: inline-block;
  }

拓展

animation