Propriedade Style transitionDuration

Definição e uso

transitionDuration A propriedade define ou retorna quantos segundos (s) ou milissegundos (ms) são necessários para completar o efeito de transição.

Veja também:

Manual de referência do CSS:A propriedade transition-duration

Exemplo

Acelerar o efeito de transição:

document.getElementById("myDIV").style.transitionDuration = "1s";

Experimente você mesmo

Sintaxe

Retorne a propriedade transitionDuration:

objeto.style.transitionDuration

Defina a propriedade transitionDuration:

objeto.style.transitionDuration = "tempo|initial|inherit"

Valor da propriedade

Valor Descrição
tempo Define quantos segundos ou milissegundos são necessários para completar o efeito de transição. O valor padrão é 0, o que significa que não há efeito.
initial Defina essa propriedade para seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: 0
Retorno: String que representa o A propriedade transition-duration.
Versão do CSS: CSS3

Suporte do navegador

O número na tabela indica a versão do navegador que suporta plenamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1