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 ?
Sure, you can list different transitions with a comma separated list: transition: color 0.25s ease, border 1s linear
transition: width 0.3s, height 0.6s;
Just use the shorthand transition
property instead. Don't forget vendor prefixes.
Fiddle: http://jsfiddle.net/2dwgg/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With