CSS3 propriedade transition-property
Exemplos
Passe o mouse sobre um elemento div, e gradualmente mudar a largura da tabela:
{
transition-property:width;
-moz-transition-property: width; /* Firefox 4 */
-webkit-transition-property:width; /* Safari and Chrome */
-o-transition-property:width; /* Opera */
}
div:hover {width:300px;}
tente »
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
transition-property | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Atributo definições e instruções
atributo de transição de propriedade especifica o efeito CSS propriedade nametransition (irá iniciar os especificados CSS propriedade alterações quando o efeito de transição).
Dica: um efeito de transição, geralmente ocorre quando o usuário passa o mouse sobre um elemento.
Nota: Sempre especifique propriedades de transição de duração, caso contrário duração 0, a transição não terá nenhum efeito.
padrão: | tudo |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.transitionProperty = "largura, a altura" |
gramática
valor | descrição |
---|---|
nenhum | Nenhuma propriedade obter transições. |
tudo | Todas as propriedades receberá efeitos de transição. |
propriedade | Entende-se a lista nome da propriedade CSS efeito de transição, que separados por vírgulas. |
mais exemplos
Efeitos de transição - para alterar as propriedades
Passe o mouse sobre um elemento div, alterar a largura e altura com efeitos de transição suave.