animation-fill-modeを使ってCSSアニメーションの実行前後のスタイルを指定する方法｜DAD UNION – エンジニア同盟animation-fill-modeを使ってCSSアニメーションの実行前後のスタイルを指定する方法をご紹介します。 animation-fill-modeは4つ指定可能 none（デフォルト） アニメーション実行前後のスタイルは指定されない。デフォルトのスタイルが適用される。 backwards アニメーション開始待ち時間「animation-delay」、「@keyframes」の開始「0%」の状態が適用される。 アニメーション終了時「@keyframes」は適用されない。 forwards アニメーション開始待ち時間「animation-delay」、「@keyframes」は適用されない。 アニメーション終了時、「@keyframes」の終了「100%」の状態が適用される。繰り返しアニメーションの場合はアニメーション終了時の状態が適用される。 both アニメーション開始待ち時間「
