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 defined in seconds (s) or milliseconds (ms).
Browser Support
The transitionDelay property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.
Safari supports an alternative, 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 number of seconds or milliseconds to wait before the transition effect will start |
| 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 Pages
CSS reference: transition-delay property
< Style Object