CSS animation-iteration-count

css animation-iteration-count 使用说明

animation-iteration-count属性定义动画应该播放多少次。

默认值: 1
继承: no
版本: CSS3
JavaScript 语法: object object.style.animationIterationCount=3

 

css animation-iteration-count 语法

animation-iteration-count: value;

 

css animation-iteration-count 属性值

描述
n 一个数字,定义应该播放多少次动画
infinite 指定动画应该播放无限次(永远)

 

css animation-iteration-count 浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, 和 Opera 支持animation-iteration-count 属性 .

Safari和Chrome通过私有属性-WebKit-animation-iteration-count支持。

注意:Internet Explorer 9及更早IE版本不支持animation-iteration-count 属性。

 

css animation-iteration-count 实例

播放三次动画:

animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/

在线运行

 

相关文章

CSS3 教程: CSS3 动画

分享到