cubic-bezier (.45,.27,.94,.31)

动画运行时间:

默认曲线

ease linear ease-in ease-out ease-in-out

做这个效果的初衷:看见网上有一个这样的例子http://cubic-bezier.com/#.42,0,.58,1,变萌生了一个自己也要实现这样效果的一个想法,所以这个页面就此诞生了,当然在很多细节上面做的还是不如人家的好,写这个demo就是为了学习其中的知识点么!所以细节就不做过多的修饰了!哈哈其实是本人比较懒而已~~~~

在实现这个效果的时候遇到了一个问题,就是调整贝塞尔曲线控制器手柄的时候,给 animate 赋值时候总是莫名其妙的赋不上值,后来才发现css3的这个动画貌似不允许给x轴赋<0 || >1的值