Attributo Style animationDirection

Definizione e uso

animationDirection Imposta o restituisce se l'animazione dovrebbe essere riprodotta al contrario nel ciclo alternato.

Nota:Se l'animazione è impostata per essere riprodotta una volta sola, questo attributo non avrà effetto.

Esempio

Cambia l'attributo animationDirection dell'elemento <div>:

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

Prova tu stesso

Sintassi

Restituisci l'attributo animationDirection:

oggetto.style.animationDirection

Imposta l'attributo animationDirection:

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

Valore dell'attributo

Valore Descrizione
normal Valore predefinito. L'animazione dovrebbe essere riprodotta in modo normale.
reverse L'animazione dovrebbe essere riprodotta al contrario.
alternate L'animazione verrà riprodotta in modo normale ogni volta che è un numero dispari (1, 3, 5 ecc.) e al contrario ogni volta che è un numero pari (2, 4, 6 ecc...).
alternate-reverse L'animazione verrà riprodotta al contrario ogni volta che è un numero dispari (1, 3, 5 ecc.) e riprodotta in modo normale ogni volta che è un numero pari (2, 4, 6 ecc...).
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Erede questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: normal
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà animation-direction.
Versione di CSS: CSS3

Supporto del browser

animationDirection È una caratteristica di CSS3 (1999).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporto Supporto Supporto Supporto Supporto 11

Pagine correlate

Manuale di riferimento CSS:Proprietà animation-direction