Exemplo
Acelerar o efeito de transição:
document.getElementById("myDIV").style.transitionDuration = "1s";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades transitionDuration ou retornos quantos segundos (s) ou milissegundos (ms) um efeito de transição leva para completar.
Suporte navegador
A propriedade transitionDuration é suportada no Internet Explorer 10, Firefox, Opera e Chrome.
O Safari suporta uma alternativa, a propriedade WebkitTransitionDuration.
Sintaxe
Devolver o imóvel transitionDuration:
object .style.transitionDuration Defina a propriedade transitionDuration:
object .style.transitionDuration=" Valores de propriedade Valor Descrição time Especifica quantos segundos ou milissegundos um efeito de transição leva para completar. O valor padrão é 0, o que significa que não haverá nenhum efeito initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 Valor de retorno: Uma corda, que representa a propriedade de transição de duração de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: transition-duration property
<Estilo de objeto