Ejemplo
Acelerar el efecto de transición:
document.getElementById("myDIV").style.transitionDuration = "1s";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades transitionDuration o devoluciones cuántos segundos (s) o milisegundos (ms) un efecto de transición tarda en completar.
Soporte del navegador
La propiedad transitionDuration es compatible en Internet Explorer 10, Firefox, Opera y Chrome.
Safari soporta una alternativa, la propiedad WebkitTransitionDuration.
Sintaxis
Devolver la propiedad transitionDuration:
object .style.transitionDuration Establecer la propiedad transitionDuration:
object .style.transitionDuration=" Valores de propiedad Valor Descripción time Especifica el número de segundos o milisegundos un efecto de transición tarda en completar. El valor por defecto es 0, es decir, habrá ningún efecto initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: 0 Valor de retorno: Una cadena, que representa la propiedad de transición de duración de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: transition-duration property
<Estilo de objeto