Style animationDirection-egenskapen

Definition och användning

animationDirection Egenskapsinställning eller retur av om animationen bör spela upp i varierande cykel i motsatt riktning.

Kommentar:Om animationen är inställd att spela upp endast en gång är detta värde ineffektivt.

Exempel

Ändra animationDirection-egenskapen för <div>-elementet:

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

Prova själv

Syntax

Returnera animationDirection-egenskapen:

object.style.animationDirection

Ställ in animationDirection-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
normal Standardvärde. Animationen bör spelas normalt.
reverse Animationen bör spelas i motsatt riktning.
alternate Animationen kommer att spelas i varje udda gång (1, 3, 5 etc.) i riktning och i varje jämngång (2, 4, 6 etc.) i motsatt riktning.
alternate-reverse Animationen kommer att spelas i varje udda gång (1, 3, 5 etc.) i motsatt riktning och i varje jämngång (2, 4, 6 etc.) i riktning.
initial Sätt detta värde till dess standardvärde. Se initial.
inherit Följer detta värde från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: normal
Returvärde: sträng som anger elementets animation-direction-attribut.
CSS-version: CSS3

Webbläsarstöd

animationDirection är en CSS3 (1999) egenskap.

Alla webbläsare stöder det fullständigt:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Stödjer Stödjer Stödjer Stödjer Stödjer 11

Relaterade sidor

CSS-referencehandbok:animation-direction-attribut