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
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- |