Atributo animation-duration CSS

Definición y uso

animation-duration La propiedad define el tiempo necesario para completar un ciclo de animación, en segundos o milisegundos.

Véase también:

Tutoriales de CSS3:Animación de CSS

Manual de referencia de HTML DOM:Propiedad animationDuration

Ejemplo

Asigna un nombre a la animación @keyframes:

div {
  animation-duration: 3s;
}

Prueba tu mismo

Sintaxis de CSS

animation-duration: time;
Valor Descripción
time Especifica el tiempo que toma completar la animación. El valor por defecto es 0, lo que significa que no hay efecto de animación.

Detalles técnicos

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

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -webkit-, -moz- o -o- indican la primera versión que utiliza el prefijo.

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-