特定属性的css3转换延迟

Posted 2023-03-06

【中文标题】特定属性的css3转换延迟

【英文标题】：css3 transition delay of specific attribute

【发布时间】：2012-04-08 01:51:17

【问题描述】：

目前我正在通过更改悬停时的背景颜色和字体颜色来设置文本框的样式：

transition: background-color 1s, color 1s;

我现在想通过使用过渡延迟来更改背景颜色之后的颜色。问题是转换延迟不采用我想延迟的属性（即颜色）。有没有办法只延迟特定属性？

【参考方案1】：

转换延迟是特定于属性的。

例如

transition: background-color 1s linear 2s, color 1s;
transition: property name | duration | timing function | delay

使用速记时，似乎还需要指定计时函数。

(Source)

【讨论】：

只是为了补全，默认的计时功能是ease（参考：w3schools.com/cs-s-ref/css3_pr_transition-timing-function.asp）。不，似乎没有必要指出它，至少在现代浏览器中是这样。