animation-fill-modeの意味と使い方

「animation-fill-mode」を使うと、アニメーションの待機中と完了後のスタイルを指定できます。待機中とはanimation-delayプロパティで指定するアニメーションの待機時間を、完了後とはanimation-durationプロパティで指定するアニメーションの実行時間が経過した後を指します。
それぞれ最初または最後のキーフレームで定義されているスタイルが適用されますが、animation-directionプロパティやanimation-iteration-countプロパティの値によって「最初」と「最後」の定義が異なってきますので注意してください。
複数のアニメーションを待機中/完了後のスタイルを変えて適用する場合は、それぞれに対応するスタイルを「,」で区切って記述します。