Style transitionDelay Property

Definition and Usage

transitionDelay The attribute specifies when the transition effect should start.

The transitionDelay values are defined in seconds (s) or milliseconds (ms).

See Also:

CSS Reference Manual:transition-delay Property

Example

Wait for 2 seconds before the transition effect begins:

document.getElementById("myDIV").style.transitionDelay = "2s";

Try It Yourself

Syntax

Return transitionDelay Property:

object.style.transitionDelay

Set transitionDelay Property:

object.style.transitionDelay = "time|initial|inherit"

Property Value

Value Description
time Specifies the number of seconds or milliseconds to wait before the transition effect begins.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default Value: 0
Return Value: A string that represents the element's transition-delay Property.
CSS Version: CSS3

Browser Support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1