實(shí)例
播放動畫三次:
div { animation-iteration-count:3; -webkit-animation-iteration-count:3; /* Safari 和 Chrome */ }
瀏覽器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Internet Explorer 10、Firefox 以及 Opera 支持 animation-iteration-count 屬性。
Safari 和 Chrome 支持替代的 -webkit-animation-iteration-count 屬性。
注釋:Internet Explorer 9 以及更早的版本不支持 animation-iteration-count 屬性。
定義和用法
animation-iteration-count 屬性定義動畫的播放次數(shù)。
默認(rèn)值: | 1 |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.animationIterationCount=3 |
語法
animation-iteration-count: n|infinite;
值 | 描述 | 測試 |
---|---|---|
n | 定義動畫播放次數(shù)的數(shù)值。 | 測試 |
infinite | 規(guī)定動畫應(yīng)該無限次播放。 | 測試 |
相關(guān)頁面
CSS3 教程:CSS3 動畫
更多建議: