Esempio
La modifica della proprietà animationName di un <div> elemento:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà animationName o restituisce un nome per l'animazione @keyframes.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Webkit, Moz, oppure O specificare la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| animationName | 43.0 4.0 Webkit | 10.0 | 16,0 5.0 Moz | 4.0 Webkit | 30,0 15.0 Webkit 12.1 12.0 O |
Nota: Chrome, Safari e Opera sostengono in alternativa, la proprietà WebkitAnimationName.
Sintassi
Restituire la proprietà animationName:
object .style.animationName Impostare la proprietà animationName:
object .style.animationName="none| I valori delle proprietà Valore Descrizione none Valore di default. Specifica che non vi sarà alcuna animazione (può essere utilizzato per sostituire animazioni provenienti dalla cascata) keyframename Specifica il nome del fotogramma chiave si desidera associare al selettore 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: nessuna Valore di ritorno: A String, che rappresenta la proprietà di animazione-nome di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: animation-name property
<Stile di oggetto