css----动画

CSS动画可以使用@keyframes规则来创建，然后通过animation属性将其应用到元素上。

以下是一个简单的例子，创建了一个旋转动画：




/* 定义关键帧 */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 
/* 应用动画到元素 */
.element {
  animation: rotate 2s linear infinite;
}

在这个例子中，.element类将使得应用该类的元素持续进行旋转动画，每次旋转360度，动画持续时间为2秒，且无限循环。linear表示动画速度是均匀的。

评论已关闭

推荐阅读