ウェブランサー

animation-fill-mode - アニメーションが再生されていない時にどのような状態で待機するかを指定する

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

animation-fill-modeプロパティの説明

animation-fill-modeは、HTMLの要素にキーフレームのアニメーションを実装する際に、アニメーションの再生開始前や再生終了後の「アニメーションが再生されていない時」にどのような状態で待機するかを指定するために用いるプロパティです。関連する他のパラメーターも一緒に指定する場合には、animationプロパティでまとめることが可能です。animation-fill-modeはCSS3で追加されたプロパティです。

animation-fill-modeの詳細

更新準備中です。

animation-fill-modeに関連するCSSプロパティ

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