Stijl animatieDirection Property
Voorbeeld
De eigenschap AnimationDirection van een <div>-element wijzigen:
document.getElementById("myDIV").style.animationDirection = "reverse";
Definitie en gebruik
De eigenschap AnimationDirection bepaalt of retourneert of de animatie al dan niet omgekeerd moet worden afgespeeld in afwisselende cycli.
Opmerking: als de animatie is ingesteld om slechts één keer te worden afgespeeld, heeft deze eigenschap geen effect.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door Moz geven de eerste versie aan die met een voorvoegsel werkte.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Syntaxis
Retourneer de eigenschap AnimationDirection:
object.style.animationDirection
Stel de eigenschap AnimationDirection in:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | normaal |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap animatierichting van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap animatie-richting