Strona w trakcie modernizacji
Zapraszamy wkrótce
Właściwość animation-fill-mode określa styl elementu, gdy animacja nie jest odtwarzana (przed rozpoczęciem, po zakończeniu lub jedno i drugie).
Animacje CSS nie wpływają na element przed odtworzeniem pierwszej klatki kluczowej ani po odtworzeniu ostatniej klatki kluczowej. Właściwość animation-fill-mode może przesłonić to zachowanie.
Wartość | Opis |
none | Domyślna wartość. Animacja nie zastosuje żadnych stylów do elementu przed ani po jej wykonaniu. |
forwards | Element zachowa wartości stylu ustawioną przez ostatnią klatkę kluczową (w zależności od kierunku animacji i liczby iteracji animacji). |
backwards | Element otrzyma wartości stylu ustawioną przez pierwszą klatkę kluczową (w zależności od kierunku animacji) i zachowa je w okresie opóźnienia animacji. |
both | Animacja będzie zgodna z regułami zarówno do przodu, jak i do tyłu, rozszerzając właściwości animacji w obu kierunkach. |
initial | Ustawia tę właściwość na jej wartość domyślną. |
inherit | Dziedziczy tę właściwość z elementu nadrzędnego. |
animation-fill-mode: none | forwards | backwards | both | initial | inherit;
Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.
Liczba przed -webkit-, -moz-, -o- określa pierwszą wersję, która działała z prefiksem.
Właściwość | ![]() |
![]() |
![]() |
![]() |
![]() |
animation-fill-mode | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00