manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 transition-Atributo property CSS3 transition-Atributo delay

CSS3 transition-Método de uso e exemplo do atributo duration

transition-O atributo duration do CSS especifica o número de segundos ou milissegundos necessários para completar a animação de transição.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso na script do JavaScript.

Valor padrão:	0s
Aplicável a:	Todos os elementos ::before e ::after Elementos pseudo
Herança:	Nenhum
Animável:	Não.Veja também Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe do JavaScript:	object.style.transitionDuration="5s"

transition-Sintaxe de uso do duration

A sintaxe dessa propriedade é:

transition-duration:　time　|　initial　|　inherit

O exemplo a seguir demonstra como usar transition-Atributo duration

Exemplo

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;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
time	Especifique o tempo necessário para completar a transição. O valor padrão é 0s. Valores negativos não são válidos.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o transition do elemento pai-Valor do atributo duration.

Compatibilidade do navegador

transition-Compatibilidade do navegador do atributo duration, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 5+ ^-moz-，15 + Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 4+ ^-webkit- Opera 12+ ^-o-，15+ ^-webkit-