CSS3 animation-duration Propiedad

Ejemplo

Establece la animación para que se complete en dos segundos:

animation-duration:2s; -webkit-animation-duration:2s; /*Safari y Chrome*/

Los números en la tabla indican el número de versión del primer navegador que admite esta propiedad.

El número inmediatamente anterior a -webkit-, -ms- o -moz- es el número de versión del primer navegador que admite la propiedad con ese prefijo.

Propiedad
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-

La propiedad animation-duration define cuántos segundos o milisegundos tarda la animación en completar un ciclo.

Valor predeterminado:	0
Herencia:	no
Versión:	CSS3
Sintaxis de JavaScript:	object object.style.animationDuration="3s"

animation-duration: time;

Valor	Descripción
time	Especifica el tiempo que tarda en reproducirse la animación. El valor predeterminado es 0, lo que significa que no hay efecto de animación.