CSS3 transition-delay property

Wait 2 seconds before the transition begins:

div
{
transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari 和 Chrome */
-o-transition-delay: 2s; /* Opera */
}

Give it a try yourself

Browser support

Internet Explorer 10, Firefox, Opera, and Chrome support transition-delay properties.

Safari supports the alternative -webkit-transition-delay property.

Note: The transition-delay property is not supported by Internet Explorer 9 and earlier browsers.

Definitions and usages

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

The transition-delay value is measured in seconds or milliseconds.

Grammar

transition-delay: time;