聞く:
anime-fill-mode: Both;このプロパティは何ですか?
答え:
animation-fill-mode: both;
これは CSS アニメーション プロパティの 1 つで、再生前後のアニメーションの状態を指定するために使用されます。具体的な説明は以下の通りです。
animation-fill-mode
アニメーションの再生前後にアニメーション スタイルを要素に適用するかどうかを決定するプロパティ。both
この値は、アニメーション スタイルが要素に適用され、アニメーションの前後のアニメーションの最終状態を保持することを示します。forwards
に設定すると 、アニメーションは最後のフレームの状態のままとなり、初期状態には戻りません。backwards
に設定すると 、アニメーションはすぐに初期状態を適用し、アニメーションの再生が開始されるのを待ちます。none
に設定すると 、アニメーションは要素に適用されず、アニメーションの再生の前後に初期状態と最終状態が直接使用されます。アニメーションが終了した後も最終状態を保持したい場合、またはアニメーションが開始する前の初期状態を表示したい場合は、次を使用できます。
animation-fill-mode: both;