Opis

animation-fill-mode określa styl animowalnego elementu, gdy animacja nie jest odtwarzana (przed rozpoczęciem, po zakończeniu, lub jedno i drugie).

zobacz też inne własności animation

Przykład
Kod:
Wartości

animation-fill-mode: none|forwards|backwards|both|initial|inherit;

WartośćOpis
none Domyślna wartość. Animacja nie zastosuje żadnych stylów do elementu przed ani po jej uruchomieniu
forwards Element zachowa wartości stylu ustawione przez ostatnią klatkę kluczową (zależy od kierunku animacji i liczby iteracji animacji)
backwards Element otrzyma i zachowa styl podczas okresu opóźnienia animacji (animation-delay) ustawiony przez pierwszą klatkę kluczową (zależy od kierunku animacji)
both Obie wartości (forwards i backwards) zostaną połączone (zastosowane).
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JavaScript: object.style.animationFillMode