Styl animasie Direction Eiendom
Voorbeeld
Verander die animationDirection-eienskap van 'n <div>-element:
document.getElementById("myDIV").style.animationDirection = "reverse";
Definisie en gebruik
Die animationDirection-eienskap stel of gee terug of die animasie in omgekeerde op alternatiewe siklusse moet speel of nie.
Let wel: As die animasie gestel is om net een keer te speel, sal hierdie eienskap geen effek hê nie.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur Moz spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sintaksis
Gee die animationDirection-eienskap terug:
object.style.animationDirection
Stel die animationDirection-eienskap:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | normaal |
---|---|
Terugkeerwaarde: | 'n String, wat die animasie-rigting-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: animasie-rigting eiendom