目录

CSS animation-iteration-count 属性


示例

播放动画两次:

div {
  animation-iteration-count: 2;
}
亲自试一试 »

下面有更多 "亲自试一试" 示例。


定义和用法

这个animation-iteration-count属性指定动画应播放的次数。

默认值: 1
遗传:
可动画: 不。阅读可动画的
版本: CSS3
JavaScript 语法: 对象.style.animationIterationCount="infinite"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit-、-moz- 或 -o- 的数字指定使用前缀的第一个版本。

Property
animation-iteration-count 43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-


CSS 语法

animation-iteration-count: number|infinite|initial|inherit;

属性值

Value Description Demo
number A number that defines how many times an animation should be played. Default value is 1 Play it »
infinite Specifies that the animation should be played infinite times (for ever) Play it »
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

更多示例

示例

永远播放动画:

div {
  animation-iteration-count: infinite;
}
亲自试一试 »

相关页面

CSS教程:CSS 动画

HTML DOM 参考:AnimationIterationCount 属性