Beispiel
Ändern der animationDirection Eigenschaft eines <div> Element:
document.getElementById("myDIV").style.animationDirection = "reverse";
Versuch es selber " Definition und Verwendung
Die animationDirection Eigenschaftssätze oder gibt zurück, ob oder nicht die Animation umgekehrt auf abwechselnden Zyklen spielen.
Note: Wenn die Animation eingestellt ist nur einmal zu spielen, wird diese Eigenschaft keine Auswirkungen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Moz geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | Nicht unterstützt | 16.0 5,0 Moz | Nicht unterstützt | 30.0 |
Syntax
Bringen Sie die animationDirection Eigenschaft:
object .style.animationDirection Stellen Sie die animationDirection Eigenschaft:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| normal | Standardwert. Die Animation sollte als normal abgespielt werden |
| reverse | Die Animation sollte in umgekehrter Richtung spielen |
| alternate | Die Animation wird als normal jede ungeradee Zeit gespielt werden (1,3,5,etc..) und in umgekehrter Richtung jede sogar Zeit (2,4,6,etc...) |
| alternate-reverse | Die Animation wird in umgekehrter Richtung jede ungeradee Zeit gespielt werden (1,3,5,etc..) und in einer normalen Richtung jede einmal Zeit (2,4,6,etc...) |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | normal |
|---|---|
| Rückgabewert: | Ein String, die die Animation-Richtung Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: animation-direction property - animation-direction property
<Style - Objekt