propriedade HTML DOM Estilo transitionProperty
Exemplos
O ponteiro do mouse passa sobre o elemento div, ele vai mudar gradualmente a largura e altura:
tente »
Definição e Uso
atributo transitionProperty especifica o nome da propriedade CSS aplicar o efeito de transição. (Quando a propriedade CSS especificado muda, o efeito de transição vai começar).
Dica: efeito de transição geralmente ocorre quando um usuário passar o ponteiro do mouse sobre um elemento.
Nota: Sempre defina a propriedade transitionDuration, caso contrário, a duração é zero, não irá produzir efeitos de transição.
Suporte a navegadores
Internet Explorer 10, Firefox, Opera e Chrome suporte propriedade transitionProperty.
O Safari suporta outra alternativa da propriedade atribuir essa propriedade WebkitTransitionProperty.
Nota: Internet Explorer 9 e versões anteriores não suportam a propriedade transitionProperty.
gramática
Propriedades transitionProperty Voltar:
Definindo as propriedades transitionProperty:
Valor de propriedade
值 | 描述 |
---|---|
none | 没有属性会获得过渡效果。 |
all | 默认值。所有属性都将获得过渡效果。 |
property | 定义应用过渡效果的 CSS 属性名称列表,列表以逗号分隔。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalhes técnicos
padrão: | tudo |
---|---|
retorna: | String que representa o atributo de transição de propriedade do elemento. |
versão CSS | CSS3 |
artigos relacionados
CSS Referência: Transição-Imóvel