Proprietà CSS di durata dell'animazione
Esempio
Specifica che l'animazione deve completare un ciclo in 3 secondi:
div {
animation-duration: 3s;
}
Definizione e utilizzo
La animation-duration
proprietà definisce quanto tempo un'animazione deve impiegare per completare un ciclo.
Valore di default: | 0 |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.animationDuration="3s" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
I numeri seguiti da -webkit-, -moz- o -o- specificano la prima versione che ha funzionato con un prefisso.
Property | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Sintassi CSS
animation-duration: time|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
time | Specifies the length of time an animation should take to complete one cycle. This can be specified in seconds or milliseconds. Default value is 0, which means that no animation will occur | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pagine correlate
Tutorial CSS: Animazioni CSS
Riferimento HTML DOM: proprietà animationDuration