Latest web development tutorials

propriété HTML DOM style transitionDuration

Style de Object Reference style Objets

Exemples

Accélérer l'effet de transition:

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

Essayez »

Définition et utilisation

ensembles de propriétés transitionDuration ou renvoie le temps (en secondes ou en millisecondes) nécessaire pour compléter l'effet de transition.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera et Chrome soutien propriété transitionDuration.

Safari prend en charge une autre variante de la propriété attribut que la propriété de WebkitTransitionDuration.


grammaire

Retour propriétés transitionDuration:

object .style.transitionDuration

Définition des propriétés de transitionDuration:

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

Valeur de la propriété

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

détails techniques

Par défaut: 0
Retours: Chaîne représentant l'élément de propriété transition durée.
CSS version CSS3


articles connexes

Référence CSS: la propriété de transition-DURÉE


Style de Object Reference style Objets