CSS3 transition-delay Property

Example

Wait 2 seconds before the transition effect starts:

transition-delay: 2s
-webkit-transition-delay: 2s; /*Safari and Chrome*/
-o-transition-delay: 2s /*Opera*/

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The transition-delay property is not supported in any browsers.

Safari and Chrome support an alternative, the -webkit-transition-delay property.

Opera support an alternative, the -o-transition-delay property.


Definition and Usage

The transition-delay property specifies when the transition effect will start.

The transition-delay value is defined in seconds (s) or milliseconds (ms).

Default value: 0
Inherited: no
Version: CSS3
JavaScript syntax: object.style.transitionDelay="2s"


Syntax

transition-delay: time;

Value Description
time Specifies the number of seconds or milliseconds to wait before the transition effect will start