{ animation-iteration-count 【 アニメーション・イテレーション・カウント 】 : 実行回数; }

animation-iteration-countプロパティは、アニメーションを実行する回数を指定します。通常、アニメーションは1回のサイクルが終了すると停止しますが、このプロパティで再生する回数を指定できます。

初期値	1
継承	なし
適用される要素	すべての要素、:before、:after疑似要素
モジュール	CSS Animations Module Level 3

値の指定方法

実行回数

infinite	アニメーションを制限なく繰り返します。
任意の数値	数値を指定します。指定した回数だけアニメーションを繰り返します。小数点以下の数値を含んで指定すると途中まで再生されます。

サンプルコード

以下の例では、animation-iteration-countプロパティの値を5に指定しているため、アニメーションは5回繰り返されます。

.bnr {
  background: #3cb371;
  animation-name: bnr-animation;
  animation-duration: 10s;
  animation-iteration-count: 5;
}