CSS3 transition-Uso e exemplo da propriedade property

transition-A propriedade CSS especifica o nome da propriedade CSS à qual o efeito de transição deve ser aplicado.

A tabela a seguir fornece uma descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso da propriedade no script JavaScript.

transition-Sintaxe do uso do property

A sintaxe dessa propriedade é a seguinte:

transition-Sintaxe do property:    [, , ... ] | none | all | initial | inherit
　onde    é o nome de uma propriedade CSS

O exemplo a seguir demonstra como usar transition-propriedade property.

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

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Compatibilidade do navegador

transition-Compatibilidade do navegador com a propriedade property, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

Leia mais

Por favor, consulte a seguinte tutorial:CSS3 Transições。

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