YouTipProp Style Transitionduration
# Style transitionDuration Property
[ Style Object](#)
## Example
Speed up the transition effect:
document.getElementById("myDIV").style.transitionDuration="1s";
[Try it yourself »](#)
* * *
## Definition and Usage
The transitionDuration property sets or returns the time it takes to complete a transition effect (in seconds or milliseconds).
* * *
## Browser Support
Internet Explorer 10, Firefox, Opera, and Chrome support the transitionDuration property.
Safari supports an alternative property for this, the WebkitTransitionDuration property.
* * *
## Syntax
Return the transitionDuration property:
_object_.style.transitionDuration
Set the transitionDuration property:
_object_.style.transitionDuration="_time_|initial|inherit"
## Property Values
| Value | Description |
| --- | --- |
| _time_ | Specifies the time it takes to complete the transition effect (in seconds or milliseconds). The default value is 0, meaning no effect. |
| initial | Sets this property to its default value. Read about _initial_. |
| inherit | Inherits this property from its parent element. Read about _inherit_. |
## Technical Details
| Default Value: | 0 |
| --- |
| Return Value: | A string, representing the transition-duration property of an element. |
| CSS Version | CSS3 |
* * *
## Related Articles
CSS Reference: (#)
* * Style Object](#)