CSS3: animation-play-state プロパティ - 再生中か一時停止かの指定

■ 概要

項  目説  明
記述形式 セレクタ {animation-play-state: }
値 の形式 runningpaused
初 期 値 running
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 すべての要素,::before擬似要素::after擬似要素
継  承 しない

■ 解説

animation-play-stateプロパティ は,アットルール @keyframes で定義したキーフレームのアニメーションに「再生中」または「一時停止」の再生状態を指定します。

再生中のアニメーションに対して,このプロパティの値を paused に指定すると,再生が一時停止します。  また,一時停止中のアニメーションに対して,このプロパティの値を running に指定すると,再生が再開されます。

指定できる値の形式は,以下のとおりです。

説  明
running 一時停止中のアニメーションに対して再生を指定します。
paused 再生中のアニメーションに対して一時停止を指定します。

■ 使用例( animation-play-state プロパティの利用)

現在準備中です。

■ 備考

【参考ページ】