YouTipProp Style Transitiondelay
# Style transitionDelay Property
[ Style Object](#)
## Example
Wait 2 seconds before the transition effect starts:
document.getElementById("myDIV").style.transitionDelay="2s";
[Try it Yourself »](#)
* * *
## Definition and Usage
The transitionDelay property specifies when the transition effect will start.
The transitionDelay value is specified in seconds (s) or milliseconds (ms).
* * *
## Browser Support
Internet Explorer 10, Firefox, Opera, and Chrome support the transitionDelay property.
Safari supports an alternative property for this, the WebkitTransitionDelay property.
* * *
## Syntax
Return the transitionDelay property:
_object_.style.transitionDelay
Set the transitionDelay property:
_object_.style.transitionDelay="_time_|initial|inherit"
## Property Values
| Value | Description |
| --- | --- |
| _time_ | Specifies the amount of time to wait before the transition effect starts, in seconds or milliseconds. |
| 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-delay property of an element. |
| CSS Version | CSS3 |
* * *
## Related Articles
CSS Reference: (#)
* * Style Object](#)