ウェブランサー

animation-play-state - アニメーションを再生させるか一時停止させるか指定する

取り扱い CSS3から追加された要素
適用可能 全ての要素
継承 しない
対応ブラウザ animation-play-stateの対応状況を確認する

animation-play-stateプロパティの説明

animation-play-stateは、HTMLの要素にキーフレームのアニメーションを実装する際に、アニメーションを再生させるか一時停止させるかを指定するために用いるプロパティです。一時停止されたアニメーションを再開した場合、アニメーションは最初から始まるのではなく、一時停止された時点から始まります。animation-play-stateはCSS3で追加されたプロパティです。

animation-play-stateの詳細

更新準備中です。

animation-play-stateに関連するCSSプロパティ

アニメーション
animation アニメーションに関する指定をまとめて行う
animation-delay アニメーションが開始するタイミングを指定する
animation-direction アニメーションの再生方向を指定する
animation-duration アニメーションの再生一回分の時間の長さを指定する
animation-fill-mode アニメーションが再生されていない時にどのような状態で待機するかを指定する
animation-iteration-count アニメーションの繰り返し回数を指定する
animation-name アニメーションの名前を定義する
animation-play-state アニメーションを再生させるか一時停止させるか指定する
animation-timing-function アニメーションの再生タイミングに変化を付ける