CSS

この記事では「CSS」について、基本の意味と使い方を初心者向けにやさしく説明します。

Cascading Style Sheets animation-iteration-count property.

animation-iteration-count

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

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

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