每个过渡属性的不同转换持续时间

时间:2014-04-08 19:05:07

标签: css css3 css-transitions

我想为每个过渡属性使用不同的持续时间。例如,对于宽度,我希望转换为0.3s,高度为0.6s。

CSS3有可能吗?

2 个答案:

答案 0 :(得分:15)

当然,您可以使用逗号分隔列表列出不同的转换:transition: color 0.25s ease, border 1s linear

答案 1 :(得分:4)

transition: width 0.3s, height 0.6s;

只需使用简写transition属性即可。不要忘记供应商前缀。

小提琴:http://jsfiddle.net/2dwgg/