css 动画animation

CSS动画（animation）是一种通过CSS样式表来实现的动态效果，可以让网页元素在一定时间内发生变化，比如移动、旋转、放大、缩小等。CSS动画可以使用@keyframes规则来定义关键帧，然后将其应用于元素上。

下面是一个简单的CSS动画示例：

/* 定义关键帧 */
@keyframes move {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}

/* 将动画应用到元素上 */
.box {
  animation: move 1s ease-in-out infinite alternate;
}

这段代码定义了一个名为"move"的关键帧，将元素从原位置向右移动100像素。然后将动画应用到一个class名为"box"的元素上，使其无限往返运动。