+ 3

Didn't got cubic-bezier() function. Any help??

5th Oct 2016, 5:18 PM
Karan Gujral
Karan Gujral - avatar
3 Answers
+ 4
cubic-bezier() function is used to define cubic-bezier curves. what are they it is a little mathematics see we know a straight line a circle a parabola but for a little more complex shape we use two controls so by defining coordinates of four points one the beginning one ending and the two controls we can define a cubic bezier curves. the function can be used in algebra shapes or defining the dynamics of animations for CSS 3 transition we use linear for constant change ease in for accelerating change ease out for slowing down and there combination too but to make it more complex we can make use of both the controls and make complex transitions like going up cross the limit returning back a little and then go up produces effect of jelly like buttons
3rd Nov 2016, 3:28 PM
Sandeep Chatterjee
+ 1
Good explanation Sandeep Chatterjee; you can try some setups at http://cubic-bezier.com/
4th Nov 2016, 8:15 AM
MojmĂ­r Volf
MojmĂ­r Volf - avatar
+ 1
MojmĂ­r Volf thank you very much friend. I used to use chrome inspect tool or Google developer too I could not find any simple emulator but it is good.
4th Nov 2016, 8:17 AM
Sandeep Chatterjee