CSS3 animation-iteration-count プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

アニメーションを 3 回再生します:

div {
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    animation-iteration-count: 3;
}
Try it Yourself ❯

定義と用法

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

デフォルト値: 1
継承: 継承する
アニメーション可否: 不可。animatable を参照
バージョン: CSS3
JavaScript 構文: object.style.animationIterationCount="infinite" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

-webkit-、-moz-、-o- の後に続く数字は、接頭辞付きで動作した最初のバージョンです。

プロパティ
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-

CSS 構文

animation-iteration-count: number|infinite|initial|inherit;

プロパティの値

説明 Play it
number アニメーションを何回再生するかを定義する数値。デフォルト値は 1 です Play it ❯
infinite アニメーションを無限回(永遠に)再生することを指定します Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS3 チュートリアル:CSS3 Animations

HTML DOM リファレンス:animationIterationCount プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯