A propriedade transition-delay do CSS

Definição e uso

A propriedade transition-delay define quando o efeito de transição começa.

Os valores de transition-delay são medidos em segundos ou milissegundos.

Veja também:

Tutorial do CSS:Transição do CSS

Manual do HTML DOM:Propriedade transitionDelay

Exemplo

Aguardar 2 segundos antes do início do efeito de transição:

div {
  transition-delay: 2s;
}

Experimente você mesmo

Sintaxe do CSS

transition-delay: tempo;

Valor da propriedade

Valor Descrição
tempo Define o tempo de espera necessário antes do início do efeito de transição, em segundos ou milissegundos.

Detalhes técnicos

Valor padrão: 0
Herança: não
Versão: CSS3
Sintaxe do JavaScript: objeto.style.transitionDelay="2s"

Suporte do navegador

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

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

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-