例
アニメーションを一時停止：
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; »それを自分で試してみてください 定義と使用法
animationPlayStateプロパティは、アニメーションが実行中または一時停止しているかどうかを指定します。
Note:サイクルの途中でアニメーションを一時停止するには、このプロパティを使用。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
Webkitの、MOZ、またはOに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4.0のWebkit | 10.0 | 16.0 5.0 MOZ | 4.0のWebkit | 30.0 15.0のWebkit 12.1 12.0 O |
注意：クロム、SafariやOperaは代替、WebkitAnimationプロパティをサポート。
構文
animationPlayStateプロパティを返します：
object .style.animationPlayState animationPlayStateプロパティを設定します。
object .style.animationPlayState="running|paused|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| running | デフォルト値。 アニメーションが実行されていることを指定します |
| paused | アニメーションが一時停止されていることを指定します |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | ランニング |
|---|---|
| 戻り値： | 要素のアニメーションプレイ状態のプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： animation-play-state property
<スタイルオブジェクト