Latest web development tutorials

propriedade HTML DOM Estilo transitionDuration

Estilo Object Reference estilo Objects

Exemplos

Acelerar o efeito de transição:

document.getElementById("myDIV").style.transitionDuration="1s";

tente »

Definição e Uso

transitionDuration conjuntos de propriedades ou retorna o tempo (em segundos ou milissegundos) que leva para completar o efeito de transição.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera e Chrome suporte propriedade transitionDuration.

O Safari suporta outra alternativa da propriedade atribuir essa propriedade WebkitTransitionDuration.


gramática

Propriedades transitionDuration Voltar:

object .style.transitionDuration

Definindo as propriedades transitionDuration:

object .style.transitionDuration="time|initial|inherit"

Valor de propriedade

描述
time 规定完成过渡效果需要花费的时间(以秒或毫秒计)。默认值是 0,意味着不会有效果。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: 0
retorna: String representando o elemento de propriedade de transição de duração.
versão CSS CSS3


artigos relacionados

CSS Referência: propriedade de transição de duração


Estilo Object Reference estilo Objects