A propriedade transition-duration do CSS

Definição e uso

A propriedade transition-duration define o tempo necessário para completar o efeito de transição (em segundos ou milissegundos).

Veja também:

Tutorial de CSS:Transição do CSS

Manual do HTML DOM:Propriedade transitionDuration

Exemplo

Faça o efeito de transição durar 5 segundos:

div {
  transition-duration: 5s;
}

Experimente você mesmo

Sintaxe do CSS

transition-duration: time;

Valor da propriedade

Valor Descrição
time

Define o tempo necessário para completar o efeito de transição (em segundos ou milissegundos).

O valor padrão é 0, o que significa que não haverá efeito.

Detalhes técnicos

Valor padrão: 0
Herança: no
Versão: CSS3
Sintaxe do JavaScript: object.style.transitionDuration="5s"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Números com -webkit-, -moz- ou -o- indicam a primeira versão com suporte ao prefixo.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-