アニメーションの再生、または一時停止を指定する

animation-play-state

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

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

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

値の指定方法

再生状態

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

サンプルコード

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

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