The Style transitionDuration property in HTML DOM is used to set or return the length of time(in seconds or milliseconds) to complete the transition effect.
object.style.transitionDuration = "time|initial|inherit"
- time:It is used to specify how much time it will take to complete transition effect.The default value is 0(no transition effect).
- initial: Sets the element to its initial position.
- inherit: It is used to set property from its parent element.
Example: Set transitionDuration property.
- Before Transition:
- After Transition:
Supported Browsers: The browser supporte by HTML | DOM Style transitionDuration Property are listed bwlow:
- Google Chrome 26
- Internet Explorer 10
- Firefox 16
- Opera 12.1
- Safari 6.1