Atrybut animation CSS

Definicja i użycie

animation Atrybut jest atrybutem skróconym, używanym do ustawienia sześciu atrybutów animacji:

Komentarz:Zawsze określaj: animation-duration Jeśli nie jest określona, długość wynosi 0, animacja nie zostanie odtworzona.

Podręcznik referencyjny HTML DOM:animation:属性

Użyj uproszczonej cechy, aby przypisać animację do elementu div:

div
{
animation:mymove 5s infinite;
}

animation: name duration timing-function delay iteration-count direction;

Wartość	Opis
animation-name	Określa nazwę keyframe, która ma być przypisana do wyborcy.
animation-duration	Określa czas trwania animacji, wyrażony w sekundach lub milisekundach.
animation-timing-function	Określa krzywą prędkości animacji.
animation-delay	Określa opóźnienie przed rozpoczęciem animacji.
animation-iteration-count	Określa, ile razy animacja powinna być odtwarzana.
animation-direction	Określa, czy animacja powinna być odtwarzana w przeciwnym kierunku.
animation-fill-mode	Określa wartości zastosowane poza czasem trwania animacji.
animation-play-state	Określa, czy animacja jest w trakcie trwania czy wstrzymana.

Domyślna wartość:	none 0 ease 0 1 normal
Inheredność:	nie
Wersja:	CSS3
Gramatyka JavaScript:	object.style.animation="mymove 5s infinite"

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z przedrostkami -webkit-, -moz- lub -o- oznaczają pierwszą wersję używaną przedrostka.

Chrome	IE / Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
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-