CSS transition-delay Property


In CSS, the transition-delay property specifies when the transition should begin. The transition-delay value is specified in seconds or milliseconds.

The default value for transition-delay is 0s, which means there will be no delay and the transition will begin immediately. For more precise timing, the time value can be expressed as a decimal-based number. When a transition has a negative delay value, the transition will start immediately, but it will start halfway through the process, as if it had already started.

Syntax

Example

Preview

Property Values

Value Description
time Specifies how many seconds or milliseconds to wait before the transition effect begins.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
transition-delay 26.0
4.0 -webkit-
16.0
4.0 -moz-
6.1
3.1 -webkit-
10.0 12.1
10.5 -o-