526互联

使用CSS中的@keyframes规则创建了一个无限旋转动画

发布时间 2023-09-23 15:33:00作者: Ly021
现在scss中定义：
@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}
应用到元素element中：
.element { animation: rotate 2s linear infinite;}
 /* 使用rotate动画，2秒一次，线性时间函数，无限循环 */