アニメーションフィルモード: 両方; このプロパティは何ですか

聞く:

anime-fill-mode: Both;このプロパティは何ですか?

答え:

animation-fill-mode: both;これは CSS アニメーション プロパティの 1 つで、再生前後のアニメーションの状態を指定するために使用されます。具体的な説明は以下の通りです。

  • animation-fill-mode アニメーションの再生前後にアニメーション スタイルを要素に適用するかどうかを決定するプロパティ。
  • both この値は、アニメーション スタイルが要素に適用され、アニメーションの前後のアニメーションの最終状態を保持することを示します。
  • forwards に設定すると 、アニメーションは最後のフレームの状態のままとなり、初期状態には戻りません。
  • backwards に設定すると 、アニメーションはすぐに初期状態を適用し、アニメーションの再生が開始されるのを待ちます。
  • none に設定すると 、アニメーションは要素に適用されず、アニメーションの再生の前後に初期状態と最終状態が直接使用されます。

アニメーションが終了した後も最終状態を保持したい場合、またはアニメーションが開始する前の初期状態を表示したい場合は、次を使用できます。animation-fill-mode: both;

おすすめ

転載: blog.csdn.net/kuang_nu/article/details/133443271