Latest web development tutorials

HTML DOM propiedad Estilo transitionDuration

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Acelerar el efecto de transición:

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

Trate »

Definición y Uso

transitionDuration conjuntos de propiedades o devuelve el tiempo (en segundos o milisegundos) que se tarda en completar el efecto de transición.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera y Chrome apoyo transitionDuration propiedad.

Safari es compatible con otra alternativa de la propiedad de atributos que la propiedad WebkitTransitionDuration.


gramática

transitionDuration propiedades para la espalda:

object .style.transitionDuration

Configuración de las propiedades transitionDuration:

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

propiedad Valor

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

detalles técnicos

Por defecto: 0
Devuelve: Cadena que representa el elemento de propiedad de transición de duración.
versión CSS CSS3


Artículos relacionados

CSS Referencia: propiedad Transición-DURACIÓN


Estilo de referencia de objetos Objetos de estilo