{ animation-play-state 【 アニメーション・プレイ・ステート 】 : 再生状態; }

animation-play-stateプロパティは、アニメーションの再生・停止を指定します。

初期値	running
継承	なし
適用される要素	すべての要素、:before、:after疑似要素
モジュール	CSS Animations Module Level 3

値の指定方法

再生状態

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

サンプルコード

以下の例では、要素にマウスポインターを合わせるとアニメーションが一時停止します。

.box:hover {animation-play-state: paused; }