css3特定属性的转换延迟

tes*_*est 41 css css3 css-transitions

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

transition: background-color 1s, color 1s;
Run Code Online (Sandbox Code Playgroud)

我现在想通过使用transition-delay来改变背景颜色之后的颜色.问题是过渡延迟不会采取我想延迟的属性(即颜色).有没有办法只延迟特定的属性?

nop*_*ies 81

Transition Delay是特定于属性的.

例如

transition: background-color 1s linear 2s, color 1s;
transition: property name | duration | timing function | delay
Run Code Online (Sandbox Code Playgroud)

使用速记时,似乎您还需要指定计时功能.

(来源)

  • 只是为了完成,默认的计时功能很简单(参考:http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp).不,似乎没有必要表明它,至少在现代浏览器中. (4认同)