CSS属性：animation-iteration-count 属性

animation-iteration-count 是CSS动画属性之一，用于指定动画循环的次数。该属性可以接受以下几种值：

1. 数字值：指定动画应该循环的次数。例如，2 表示动画将循环两次。

   animation-iteration-count: 3;

2. 关键词：
   - infinite：表示动画将无限循环。
   - initial：设置属性为其默认值。
   - inherit：从父元素继承该属性的值。

   animation-iteration-count: infinite;

3. 关键帧百分比：在关键帧动画中，您还可以使用百分比来指定在动画的不同阶段应用不同的 animation-iteration-count。

   @keyframes example {
     0% {
       opacity: 0;
     }
     50% {
       opacity: 1;
     }
     100% {
       opacity: 0;
     }
   }

   .element {
     animation-name: example;
     animation-duration: 3s;
     animation-iteration-count: 2;
   }

在上述示例中，元素将在3秒内完成一次完整的动画，然后重复一次，总共进行两次动画循环。

转载请注明出处：http://www.zyzy.cn/article/detail/4102/CSS