CSS

Cascading Style Sheets animation-iteration-count property.

animation-iteration-count

 animation-iteration-count プロパティは、要素にキーフレームアニメーションを適用する場合に、アニメーションの繰り返し回数を指定する際に使用します。

 初期値は1でアニメーションが開始から終了まで一回再生されます。 値に infinite を指定すると、アニメーションの再生を無限に繰り返します。 値に整数以外の数値を指定すると、再生サイクルの途中でアニメーションが終了します。 負の値を指定すると、0として扱われます。

 例えば、アニメーションの再生を反転させるanimation-direction: alternateの指定をしている場合に、 このanimation-iteration-countプロパティで偶数の再生回数を指定してやると、キリの良い箇所でアニメーションの再生を終了させることができかもしれません。

infinite
無限に再生を繰り返す
数値
数値で再生回数を指定する(初期値は1)

初期値・適用対象・値の継承

初期値
1
適用対象
すべての要素、:before疑似要素、:after疑似要素
値の継承
しない