CSS3 animation-play-state プロパティ
例
アニメーションを一時停止：
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari と Chrome */
-webkit-animation-play-state:paused; /* Safari と Chrome */
試してみる »
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。
-webkit-、-ms- または -moz- の直前の数字は、その接頭辞付きプロパティをサポートする最初のブラウザバージョン番号です。
| プロパティ | |||||
|---|---|---|---|---|---|
| animation-play-state | 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-play-state プロパティは、アニメーションが実行中か一時停止中かを指定します。
注意：JavaScript でこのプロパティを使用して、アニメーションを 1 サイクルで一時停止します。
| デフォルト値: | running |
|---|---|
| 継承: | no |
| バージョン: | CSS3 |
| JavaScript 構文: | object object.style.animationPlayState="paused" |
構文
animation-play-state: paused|running;
| 值 | 説明 | テスト |
|---|---|---|
| paused | 一時停止中のアニメーションを指定 | |
| running | 実行中のアニメーションを指定 |
関連記事
CSS3 チュートリアル:CSS3 アニメーション
その他の拡張