Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS3 button transition spring effect help Re: CSS3 button transition spring effect help

#105805
Taufik Nurrohman
Participant

As far as I know, the cubic-bezier() transition timing function is limited only to the numbers 0 – 1. But this works for the spring effect :D

-webkit-transition:width 0.4s cubic-bezier(0,2,0,0);
-moz-transition:width 0.4s cubic-bezier(0,2,0,0);
-ms-transition:width 0.4s cubic-bezier(0,2,0,0);
-o-transition:width 0.4s cubic-bezier(0,2,0,0);
transition:width 0.4s cubic-bezier(0,2,0,0);

http://jsfiddle.net/tovic/kw7LD/12/