Transición de estiloDuración Propiedad
Ejemplo
Acelera el efecto de transición:
document.getElementById("myDIV").style.transitionDuration = "1s";
Definición y uso
La propiedad TransitionDuration establece o devuelve cuántos segundos (s) o milisegundos (ms) tarda en completarse un efecto de transición.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Sintaxis
Devuelve la propiedad TransitionDuration:
object.style.transitionDuration
Establezca la propiedad TransitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
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 de retorno: | Una cadena, que representa la propiedad de duración de la transición de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad de duración de transición
❮ Objeto de estilo