Exemplo
Passe o mouse sobre um elemento div para mudar gradualmente a sua largura e altura:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Tente você mesmo " Definição e Uso
A propriedade transitionProperty especifica o nome da propriedade CSS o efeito de transição é para (o efeito de transição terá início quando as mudanças de propriedade CSS especificados).
Tip: Um efeito de transição podia tipicamente ocorrer quando um utilizador pairar sobre um elemento.
Note: Sempre especifique a propriedade transitionDuration, caso contrário, a duração é de 0, ea transição não terá nenhum efeito.
Suporte navegador
A propriedade transitionProperty é suportada no Internet Explorer 10, Firefox, Opera e Chrome.
O Safari suporta uma alternativa, a propriedade WebkitTransitionProperty.
Nota: A propriedade transitionProperty não é suportada no Internet Explorer 9 e versões anteriores.
Sintaxe
Devolver o imóvel transitionProperty:
object .style.transitionProperty Defina a propriedade transitionProperty:
object .style.transitionProperty="none|all| Valores de propriedade Valor Descrição none Nenhuma propriedade vai ter um efeito de transição all Valor padrão. Todas as propriedades vai ter um efeito de transição property Define uma lista separada por vírgulas de nomes de propriedades CSS o efeito de transição é para initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: todos Valor de retorno: Uma corda, que representa a propriedade de transição de propriedade de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: transition-property property
<Estilo de objeto