Proprietà animation-duration CSS

Definizione e uso

animation-duration Definisce il tempo necessario per completare un ciclo di animazione, espresso in secondi o millisecondi.

Vedi anche:

Guida CSS3:CSS Animazione

Manuale HTML DOM:Proprietà animationDuration

Esempio

Definire un nome per l'animazione @keyframes:

div {
  animation-duration: 3s;
}

Prova personalmente

Sintassi CSS

animation-duration: time;
Valore Descrizione
time Definisce il tempo impiegato per completare l'animazione. Il valore predefinito è 0, il che significa che non ci sono effetti animati.

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.animationDuration="3s"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Numeri con -webkit-, -moz- o -o- rappresentano la prima versione a utilizzare il prefisso.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-