Gli ultimi tutorial di sviluppo web
 

Style animationDirection Property

<Stile di oggetto

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