animation-play-stateプロパティ
animation-play-stateプロパティは、CSSアニメーションの実行を一時停止、再生を指定するプロパティです。
CSSアニメーションの実行を一時停止、再生をインタラクティブに操作するにはJavaScriptなどのscriptを使います。
構文(Syntax)
CSS
animation-play-state: [ running | paused | initial | inherit ];
DOM(JavaScript)
object.style.animationPlayState
object.style.animationPlayState="[ running | paused | initial | inherit ]"
Values
| Value | 摘要 |
|---|---|
| running | 初期値（default値）で再生設定 |
| paused | 一時停止 |
| initial | 初期値に戻す。 |
| inherit | 親エレメントのプロパティを継承。 |
備考（Remarks）
| 初期値（Default value） | running |
| 継承（Inherited） | no |
| 変化（Animatable） | no |
Example
最初から一時停止になっています。