Style animationDirection-eigenschap

Definitie en gebruik

animationDirection Eigenschap instellen of retourneren of de animatie in een alternatieve cyclus omgekeerd moet worden afgespeeld.

Opmerking:Als de animatie ingesteld is om slechts een keer af te spelen, is deze eigenschap ongeldig.

Voorbeeld

Wijzig de animationDirection-eigenschap van het <div>-element:

document.getElementById("myDIV").style.animationDirection = "reverse";

Probeer het zelf

Syntaxis

Retourneren van de animationDirection-eigenschap:

object.style.animationDirection

Instellen van de animationDirection-eigenschap:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
normal Standaardwaarde. De animatie moet normaal afgespeeld worden.
reverse De animatie moet omgekeerd afgespeeld worden.
alternate De animatie speelt voorwaarts af bij elke odder keer (1, 3, 5, etc.) en speelt omgekeerd af bij elke eveneens keer (2, 4, 6, etc...).
alternate-reverse De animatie speelt omgekeerd af bij elke odder keer (1, 3, 5, etc.) en speelt voorwaarts af bij elke eveneens keer (2, 4, 6, etc...).
initial Stel deze eigenschap in op zijn standaardwaarde. initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. inherit.

Technische details

Standaardwaarde: normal
Retourwaarde: Een tekenreeks die de animation-direction property.
CSS versie: CSS3

Browserondersteuning

animationDirection is een CSS3 (1999) kenmerk.

Alle browsers ondersteunen het volledig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning 11

Related pages

CSS reference manual:animation-direction property