CSS3 transition-Método de uso e exemplo da propriedade delay

transition-A propriedade delay CSS define quando a conversão começará (por exemplo, um2O valor de s indica que a conversão será aplicada2segundos após começar). O valor dessa propriedade pode ser especificado em segundos ou milissegundos.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso da propriedade no script JavaScript.

transition-Sintaxe de uso do delay

A sintaxe dessa propriedade é a seguinte:

transition-delay:　time　|　initial　|　inherit

O exemplo a seguir demonstra como usar transition-Atributo delay.

button　{
　　　　background:　#fd7c2a;
　　　　/*　Para Safari　3.0+　*/
　　　　-webkit-transition-property:　background;
　　　　-webkit-transition-duration:　4s;
　　　　-webkit-transition-delay:　2s;
　　　　
　　　　transition-property:　background;
　　　　transition-duration:　4s;
　　　　transition-delay:　2s;
}
button:hover　{
　　　　background:　#3cc16e;
}

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Compatibilidade do navegador

transition-Compatibilidade do navegador do atributo delay, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

Leia mais

Por favor, consulte as seguintes instruções:CSS3 Transições。

Propriedades relacionadas:transition，transition-duration，transition-property，transition-timing-function。