CSS 参考手册 目录

CSS3 animation-iteration-count 属性

animation-iteration-count 属性指定动画播放的次数。默认值为 1,意味着动画将只播放一次。你也可以设置为 infinite,使动画无限循环播放。

语法

-------------------------- -------- - ---------
  • <number> 表示动画播放的次数,可以是整数或小数,如 20.5
  • infinite 表示动画无限循环播放。

示例

-- ------- --
-------- -
  --------------- ---------
  ------------------- ---
  -------------------------- --
-

-- --------- --
-------- -
  --------------- -----
  ------------------- ---
  -------------------------- ---------
-

在上面的示例中,我们展示了如何使用 animation-iteration-count 属性来控制动画的播放次数。你可以根据需要设置动画播放的次数,或者让动画无限循环播放。这个属性对于制作循环动画或者只想播放几次的动画非常有用。


上一篇:CSS 属性 animation-fill-mode
下一篇:CSS 属性 animation-name