Atrybut Style animation

Definicja i użycie

animation Atrybut jest skróconym atrybutem sześciu atrybutów animacji:

Uwaga:Zawsze określaj Atrybut animationDurationW przeciwnym razie czas trwania wynosi 0 i nigdy nie jest odtwarzany.

Przykład

Zmiana animacji elementu <div> za pomocą atrybutów skróconych:

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

Spróbuj sam

Gramatyka

Zwróć atrybut animation:

object.style.animation

Ustawienie atrybutu animation:

object.style.animation = "name duration timingFunction delay iterationCount direction fillMode playState"

Wartość atrybutu

Wartość Opis
animationName Określa nazwę kluczowych klatek do wiązania z selektorem.
animationDuration Określa, ile sekund lub milisekund potrzeba, aby zakończyć animację.
animationTimingFunction Określa krzywą prędkości animacji.
animationDelay Określa opóźnienie przed rozpoczęciem animacji.
animationIterationCount Określa, ile razy animacja powinna być odtwarzana.
animationDirection Określa, czy animacja powinna być odtwarzana wstecz w cyklu alternacyjnym.
animationFillMode Określa wartość zastosowaną poza czasem trwania animacji.
animationPlayState Określa, czy animacja jest w trakcie trwania czy wstrzymana.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherkuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: none 0 ease 0 1 normal none running
Wartość zwracana: ciąg znaków, który reprezentuje element Atrybuty animation.
Wersja CSS: CSS3

Wspieranie przeglądarek

animation jest cechą CSS3 (1999).

Wszystkie przeglądarki wspierają je w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wspierane Wspierane Wspierane Wspierane Wspierane 11

Strony związane

CSS Referencyjnik:Atrybuty animation