CSS3 animation-iteration-count プロパティ


例

アニメーションを3回再生：

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

試してみる »

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。

-webkit-、-ms- または -moz- の前の数字は、そのプレフィックス付きプロパティをサポートする最初のブラウザバージョン番号です。

サンプル(example.com)
プロパティ
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-

タグの定義と使用説明

animation-iteration-count プロパティは、アニメーションを再生する回数を定義します。

デフォルト値: 1
継承: no
バージョン: CSS3
JavaScript 構文: object object.style.animationIterationCount=3

構文

animation-iteration-count: value;

值 説明 テスト
n アニメーションを再生する回数を定義する数値
infinite アニメーションを無限回（永遠に）再生するように指定します。

関連記事

CSS3 チュートリアル:CSS3 アニメーション

その他の拡張