css 动画 无限循环

CSS 动画实现无限循环是通过设置动画的播放次数来完成的。在CSS中，可以使用 `animation-iteration-count` 属性来控制动画播放的次数。将此属性设置为 `infinite`，可以使动画持续无限次数地循环播放。

以下是一个简单的例子，展示了如何使用CSS创建一个无限循环的动画效果：

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

在这个例子中，我们定义了一个名为 `example` 的关键帧动画，它从红色背景变为黄色背景。我们为一个 `div` 元素指定了这个动画，设置动画持续时间为4秒，并通过 `animation-iteration-count: infinite;` 使其无限循环。