Different transition-duration for each transition-property

Question

I want to use different duration for each transition property. For example for width I want to have a transition with 0.3s and for height 0.6s.

Is it possible in CSS3 ?

Answer 1

Sure, you can list different transitions with a comma separated list: transition: color 0.25s ease, border 1s linear

Answer 2

transition: width 0.3s, height 0.6s;

Just use the shorthand transition property instead. Don't forget vendor prefixes.

Fiddle: http://jsfiddle.net/2dwgg/