Propriedade transitionProperty do estilo

Definição e uso

transitionProperty A propriedade especifica o nome da propriedade CSS que o efeito de transição afeta (a transição será iniciada quando a propriedade CSS especificada mudar).

Dica：Quando o usuário coloca o mouse sobre o elemento, geralmente há efeito de transição.

Comentário：Sempre especifique Propriedade transitionDurationCaso contrário, o tempo de duração será 0 e a transição será inválida.

Veja também：

Manual de referência CSS：A propriedade transition-property

Exemplo

Coloque o mouse sobre o elemento div para mudar gradualmente sua largura e altura:

document.getElementById("myDIV").style.transitionProperty = "width,height";

Experimente você mesmo

Sintaxe

Retorne a propriedade transitionProperty：

object.style.transitionProperty

Defina a propriedade transitionProperty：

object.style.transitionProperty = "none|all|property|initial|inherit"

Valor da propriedade

Valor Descrição
none Nenhuma propriedade receberá o efeito de transição.
all Valor padrão. Todas as propriedades receberão o efeito de transição.
property Lista de nomes de propriedades CSS que definem o efeito de transição, separados por vírgula.
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: all
Retorno: String, que representa o A propriedade transition-property。
Versão do CSS： CSS3

Suporte do navegador

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

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