transition-delay CSS property defines when the transition will start (e.g. a value of 2s, indicates that the transition will begin 2 seconds after it is applied.). The value of this property can be specified in seconds (s) or milliseconds (ms).
The following table summarizes the usages context and the version history of this property.
|Applies to:||All elements,
|Animatable:||No. See animatable properties.|
|Version:||New in CSS3|
The syntax of the property is given with:
The example below shows the
transition-delay property in action.
ExampleTry this code »
/* For Safari 3.0+ */
/* Standard syntax */
Note: Negative values are allowed for this property. However, it will appear to have begun executing partway through its transition cycle e.g. the transition delay of -2s makes the transition start at once, but starts 2 seconds into the transition.
The following table describes the values of this property.
|time||Defines the number of seconds (s) or milliseconds (ms) to wait before the transition will start. The default value is 0s.|
||Sets this property to its default value.|
||If specified, the associated element takes the computed value of its parent element
transition-delay property is supported in all major modern browsers.
See tutorial on: CSS3 Transitions.