CSSリファレンス

animation-play-stateの意味と使い方

「animation-play-state」を使うと、アニメーションの実行と一時停止を指定できます。
複数のアニメーションを実行・一時停止を変えて適用する場合は、それぞれに対応する値を「,」で区切って記述します。

値の指定方法

running

一時停止中のアニメーションを再開します。アニメーションは、一時停止された時点から実行されます。


paused

実行中のアニメーションを一時停止します。アニメーションは、その時点の状態を表示し続けます。


関連プロパティ

  • animation-duration:アニメーションを実行する時間を指定する
  • animation-direction:アニメーションを実行する方向を指定する