语法:
animation-iteration-count : <single-animation-iteration-count> [, <single-animation-iteration-count> ]*
<single-animation-iteration-count> = infinite | <number>
默认值 : 1
适用于 :所有元素,包含伪对象:after和:before
继承性 :无
动画性 :否
计算值 :指定值
媒体 :视觉
取值:
- infinite:
- 无限循环
- <number> :
- 指定对象动画的具体循环次数
说明:
- 如果提供多个属性值,以逗号进行分隔。
- 对应的脚本特性为 animationIterationCount 。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-9.0 | 2.0-4.0 | 4.0-42.0 -webkit- | 6.0-8.0 -webkit- | 15.0-29.0 -webkit- | 6.0-8.4 -webkit- | 2.1-3.0 -webkit- #1 | 18.0-42.0 -webkit- |
10.0+ | 5.0-15.0 -moz- | 43.0+ | 9.0+ | 30.0+ | 9.0+ | 4.0-40.0 -webkit- | ||
16.0+ |
- 在一些场景中会有错误行为
- 部分浏览器不支持伪元素动画,或者支持得不够好,尽可能不要利用伪元素来做动画