Esempio
La modifica della proprietà animationDirection di un <div> elemento:
document.getElementById("myDIV").style.animationDirection = "reverse";
Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà animationDirection o ritorni se l'animazione deve giocare in senso inverso sui cicli alternati.
Note: Se l'animazione è impostato per giocare solo una volta, questa proprietà non avrà alcun effetto.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Moz specificano la prima versione che ha lavorato con un prefisso.
Proprietà | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | Non supportato | 16,0 5.0 Moz | Non supportato | 30,0 |
Sintassi
Restituire la proprietà animationDirection:
object .style.animationDirection
Impostare la proprietà animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
I valori delle proprietà
Valore | Descrizione |
---|---|
normal | Valore di default. L'animazione deve essere giocata come normale |
reverse | L'animazione dovrebbe svolgere in senso inverso |
alternate | L'animazione sarà giocata come di consueto ogni volta dispari (1,3,5,etc..) e in senso inverso ogni volta anche (2,4,6,etc...) |
alternate-reverse | L'animazione sarà giocato in senso inverso ogni volta dispari (1,3,5,etc..) ed in una direzione normale ogni volta anche (2,4,6,etc...) |
initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
Valore di default: | normale |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà di animazione direzione di un elemento |
CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: animation-direction property
<Stile di oggetto