備忘録的プログラミングリファレンス

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

最初から一時停止になっています。