Attributo animationName del Style

Definizione e uso

animationName Imposta o restituisce il nome dell'animazione @keyframes da associare al selettore.

Esempio

Modifica l'attributo animationName dell'elemento <div>:

document.getElementById("myDIV").style.animationName = "myNEWmove";

Prova tu stesso

Sintassi

Restituisce l'attributo animationName:

oggetto.style.animationName

Imposta l'attributo animationName:

oggetto.style.animationName = "none|keyframename|initial|inherit"

Valore dell'attributo

Valore Descrizione
none Valore predefinito. Determina che non ci sia animazione (può essere utilizzato per sovrascrivere animazioni provenienti dalla catena).
keyframename Determina il nome del frame chiave da associare al selettore.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

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

Supporto del browser

animationName È una caratteristica CSS3 (1999).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supportato Supportato Supportato Supportato Supportato 11

Pagine correlate

Manuale di riferimento CSS:Proprietà animation-name