Referenz:CSS/Eigenschaften/animation-fill-mode

Eigenschaft	animation-fill-mode
Beschreibung	definiert den Zustand einer Animation nach deren Ablauf.
erlaubte Werte	none: forwards: nimmt den Endzustand der Animation an (unter der Berücksichtigung von animation-direction und animation-iteration-count) backwards: springt zurück auf den Ausgangszustand vor der Animation both:
default-Wert	none
anwendbar auf	alle Elemente, Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut)
Vererbung	nein
animierbar	nein
Browsersupport
Spezifikation	animation-fill-mode
Beispiel	@keyframes beispiel { from {background-color: #000;} to {background-color: #fff;} } aside { width: 10em; height: 10em; background-color: #000; color: white; animation-name: beispiel animation-duration: 3s; animation-fill-mode: backwards; } Das aside-Element wird nach Beendigung der Animation in den Ausgangszustand zurückversetzt.
Beachten Sie
Tipp