Proprietà di durata dell'animazione di stile
Esempio
Modifica della proprietà animationDuration di un elemento <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
Definizione e utilizzo
La proprietà animationDuration definisce quanti secondi o millisecondi impiega un'animazione per completare un ciclo.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
I numeri seguiti da Moz specificano la prima versione che ha funzionato con un prefisso.
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sintassi
Restituisce la proprietà animationDuration:
object.style.animationDuration
Imposta la proprietà animationDuration:
object.style.animationDuration = "time|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 0 |
---|---|
Valore di ritorno: | Un oggetto String, che rappresenta la proprietà di durata dell'animazione di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà durata animazione