CSS：animation-iteration-count 属性

animation-iteration-count 属性用于指定动画应该播放多少次。该属性可以接受数字值或特定的关键字。以下是一些常见的用法：

1. 数字值：指定动画播放的次数，可以是整数或小数。例如，2表示动画将播放两次，0.5表示动画将以一半的速度播放一次。

animation-iteration-count: 3; /* 播放3次 */

animation-iteration-count: 0.5; /* 以一半的速度播放一次 */

2. infinite：使用关键字 infinite 表示动画应该无限次播放。

animation-iteration-count: infinite; /* 无限次播放 */

在以下示例中，动画将播放两次：

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

@keyframes example {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}

这将使元素按照 example 动画两次缩放。你可以根据需要调整 animation-duration 和 @keyframes 规则中的动画定义。

转载请注明出处：http://www.pingtaimeng.com/article/detail/5984/CSS