Atributo Style animationDuration
- Página anterior animationDirection
- Página siguiente animationFillMode
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
animationDuration
Define el número de segundos o milisegundos necesarios para que finalice una animación. El valor predeterminado es 0, lo que significa que no habrá animación.
Ejemplo
Cambiar la propiedad animationDuration del elemento <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
Sintaxis
Devuelve la propiedad animationDuration:
object.style.animationDuration
Configurar la propiedad animationDuration:
object.style.animationDuration = "time|initial|inherit"
Valor del atributo
Valor | Descripción |
---|---|
time | Define la longitud necesaria para que finalice la animación. El valor predeterminado es 0, lo que significa que no habrá animación. |
initial | Establezca esta propiedad en su valor predeterminado. Consulte initial. |
inherit | Hereda esta propiedad de su elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | 0 |
---|---|
Valor de retorno: | Cadena que representa el Atributo animation-duration. |
Versión de CSS: | CSS3 |
Compatibilidad del navegador
animationDuration
es una característica de CSS3 (1999).
Todos los navegadores lo soportan completamente:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Apoyo | Apoyo | Apoyo | Apoyo | Apoyo | 11 |
Páginas relacionadas
Manual de referencia de CSS:Atributo animation-duration
- Página anterior animationDirection
- Página siguiente animationFillMode
- Volver a la capa superior Objeto Style de HTML DOM