CSS transition-delay attribute

Definition and Usage

The transition-delay property specifies when the transition effect starts.

The transition-delay value is in seconds or milliseconds.

See also:

CSS Tutorial:CSS Transition

HTML DOM Reference Manual:transitionDelay Property

Example

Wait for 2 seconds before the transition effect starts:

div {
  transition-delay: 2s;
}

Try it yourself

CSS Syntax

transition-delay: time;

Property Value

Value Description
time Specifies the time to wait before the transition effect starts, in seconds or milliseconds.

Technical Details

Default Value: 0
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.transitionDelay="2s"

Browser Support

The numbers in the table indicate the first browser version that fully supports the property.

Numbers with -webkit- or -moz- prefixes indicate the first version using the prefix.

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