css 旋转动画

时间：2021-07-30 22:53:55 收藏：0 阅读：19

.uni-load-more__img {
  animation: loading-ios-H5 1s 0s step-end infinite;
}



@keyframes loading-ios-H5 {
  0% {
    transform: rotate(0deg);
  }

  8% {
    transform: rotate(30deg);
  }

  16% {
    transform: rotate(60deg);
  }

  24% {
    transform: rotate(90deg);
  }

  32% {
    transform: rotate(120deg);
  }

  40% {
    transform: rotate(150deg);
  }

  48% {
    transform: rotate(180deg);
  }

  56% {
    transform: rotate(210deg);
  }

  64% {
    transform: rotate(240deg);
  }

  73% {
    transform: rotate(270deg);
  }

  82% {
    transform: rotate(300deg);
  }

  91% {
    transform: rotate(330deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

原文：https://www.cnblogs.com/anans/p/15081156.html