Estilo animationDuration Propiedad
Ejemplo
Cambiando la propiedad animationDuration de un elemento <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
Definición y uso
La propiedad animationDuration define cuántos segundos o milisegundos tarda una animación en completar un ciclo.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de Moz especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sintaxis
Devuelve la propiedad animationDuration:
object.style.animationDuration
Establezca la propiedad animationDuration:
object.style.animationDuration = "time|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | 0 |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de duración de la animación de un elemento. |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad de duración de la animación