CSS3アニメーションの繰り返し数のプロパティ
例
三つのアニメーションを再生します:
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
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- |
タグの定義と指示
アニメーションの繰り返し-countプロパティは、アニメーションを再生する回数を定義します。
デフォルト: | 1 |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクトobject.style.animationIterationCount = 3 |
文法
animation-iteration-count:value;
值 | 描述 | 测试 |
---|---|---|
n | 一个数字,定义应该播放多少次动画 | 测试 » |
infinite | 指定动画应该播放无限次(永远) | 测试 » |
関連記事
CSS3のチュートリアル: CSS3アニメーション