CSS3 animation-iteration-count 屬性
定義和用法
animation-iteration-count屬性定義動畫應(yīng)該播放多少次。
默認(rèn)值: | 1 |
---|---|
繼承: | no |
版本: | CSS3 |
JavaScript 語法: | object object.style.animationIterationCount=3 |
語法
animation-iteration-count: value;
值 | 描述 | 測試 |
---|---|---|
n | 定義播放動畫多少次。 默認(rèn)值為1 | 測試 ? |
infinite | 指定動畫應(yīng)該播放無限次(永遠(yuǎn)) | 測試 ? |
實(shí)例
實(shí)例
播放三次動畫:
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
嘗試一下 ?
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個瀏覽器版本號。
W3Cschool教程(w3cschool.cn)屬性 | |||||
---|---|---|---|---|---|
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- |
相關(guān)文章
CSS3 教程: CSS3 動畫
更多建議: