animation-duration

Esta es una tecnolog铆a experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producci贸n.

Resumen

La propiedad CSS animation-duration indica la cantidad de tiempo que la animaci贸n tarda en completar un ciclo (duraci贸n).

El valor por defecto es 0s, que indica que la animaci贸n no debe producirse.

Es conveniente usar la propiedad abreviada animation para ajustar todas las propiedades de animaci贸n a la vez

Valor inicial0s
Applies totodos los elementos y los pseudoelementos ::before y ::after
Heredableno
Mediavisual
Valor calculadocomo se especifica
Animation typediscrete
Canonical orderel orden 煤nico no-ambig眉o definido por la gram谩tica formal

Sintaxis

Gramatica formal: <time>#
animation-duration: 6s
animation-duration: 120ms
animation-duration: 1s, 15s
animation-duration: 10s, 30s, 230ms

Valores

<time>
El tiempo que tarda la animaci贸n en terminar su secuencia. Podemos especificarlo en segundos (usando s) o milisegundos (usando ms). Si no especificamos la unidad, la sentencia no ser谩 v谩lida.
Nota: No acepta valores negativos, si los ponemos la sentencia se ignorar谩. Algunas implementaciones antiguas (con prefijos) pueden considerar los valores negativos como si fueran 0s.

Ejemplos

Visitar CSS animations para ver algunos ejemplos.

Especificaciones

Especificaci贸n Estado Comentarios
CSS Animations
La definici贸n de 'animation-duration' en esta especificaci贸n.
Working Draft  

Compatibilidad entre navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Caracter铆stica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 3.0-webkit 5.0 (5.0)-moz
16.0 (16.0)
10 12-o
12.10 #
4.0-webkit
Caracter铆stica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.0-webkit 5.0 (5.0)-moz
16.0 (16.0)
Sin soporte Sin soporte 4.2-webkit

Consultar tambi茅n