How to use css transition-delay property

css transition-delay attribute is used to specify when the transition effect starts. The transition-delay value is in seconds or milliseconds. The syntax is transition-delay: time.

How to use the css transition-delay property?

Function: The transition-delay attribute specifies when the transition effect starts. The transition-delay value is in seconds or milliseconds.

Syntax:

transition-delay: time

Description:

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

Note:

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

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

Note:

Internet Explorer 9 and earlier browsers do not support the transition-delay attribute.

css transition-delay property usage example

请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。
注释：过渡效果会在开始前等待两秒钟。
注释：本例在 Internet Explorer 中无效。

Effect output:

The above is the detailed content of How to use css transition-delay property. For more information, please follow other related articles on the PHP Chinese website!