HTML DOM Style transitionDuration property
Examples
Accelerate the transition effect:
document.getElementById("myDIV").style.transitionDuration="1s";
try it"
Definition and Usage
transitionDuration property sets or returns the time (in seconds or milliseconds) it takes to complete the transition effect.
Browser Support
Internet Explorer 10, Firefox, Opera and Chrome support transitionDuration property.
Safari supports another alternative of the property attribute that WebkitTransitionDuration property.
grammar
Back transitionDuration properties:
object .style.transitionDuration
Setting transitionDuration properties:
object .style.transitionDuration="time|initial|inherit"
Property Value
| 值 | 描述 |
|---|---|
| time | 规定完成过渡效果需要花费的时间（以秒或毫秒计）。默认值是 0，意味着不会有效果。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
technical details
| Defaults: | 0 |
|---|---|
| return value: | String representing the transition-duration property element. |
| CSS version | CSS3 |
related articles
CSS Reference: Transition-DURATION property