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

现在scss中定义:
@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}
应用到元素element中:
.element { animation: rotate 2s linear infinite;}
 /* 使用rotate动画,2秒一次,线性时间函数,无限循环 */ 
posted @ 2023-09-23 15:29  Ly021  阅读(282)  评论(0)    收藏  举报