YouTip

# 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](#)