css中的infinite

CSS中的infinite是用来设置动画循环次数的。

在CSS中，我们可以使用@keyframes定义一个动画序列，然后通过animation属性将其应用到元素上。animation属性可以接收多个参数，其中一个就是animation-iteration-count，用来指定动画的循环次数。

如果将animation-iteration-count设置为一个非负整数，那么动画将在指定的次数内循环播放。比如，animation-iteration-count: 3;表示动画将循环播放3次。

但如果将animation-iteration-count设置为infinite，则动画将无限循环播放，直到被停止。

例如，下面的代码将一个div元素的背景色在5秒内从红色渐变到蓝色，并且无限循环播放。

div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: colorchange 5s infinite;
}

@keyframes colorchange {
  from {background-color: red;}
  to {background-color: blue;}
}

需要注意的是，过多的动画循环可能会导致性能问题，因此在使用infinite时需要谨慎。