linear
直线方式运动,无缓动效果
------------------------------------------------------------------------------------------------------------------------
quadratic
二次方的缓动,f(t) = t^2;其中 f(x) 表示动画进度,t 表示时间,以下相同
------------------------------------------------------------------------------------------------------------------------
cubic
三次方的缓动,f(t) = t^3;
------------------------------------------------------------------------------------------------------------------------
Quartic
四次方的缓动,f(t) = t^4;
------------------------------------------------------------------------------------------------------------------------
Quintic
五次方的缓动,f(t) = t^5;
------------------------------------------------------------------------------------------------------------------------
Sinusoidal
正弦曲线的缓动,f(t) = sin(t);
------------------------------------------------------------------------------------------------------------------------
Exponential
指数曲线的缓动,f(t) = 2^t;
------------------------------------------------------------------------------------------------------------------------
Circular
圆形曲线的缓动,f(t) = sqrt(1 - t^2);
------------------------------------------------------------------------------------------------------------------------
Elasitc
指数衰减的正弦曲线缓动;
------------------------------------------------------------------------------------------------------------------------
Back
超过范围的三次方缓动,f(t) = (s + 1) * t^3 - 3 * t^2;
------------------------------------------------------------------------------------------------------------------------
Bounce
指数衰减的反弹缓动;
------------------------------------------------------------------------------------------------------------------------
Elasitc
指数衰减的正弦曲线缓动;
------------------------------------------------------------------------------------------------------------------------
Elasitc
指数衰减的正弦曲线缓动;
------------------------------------------------------------------------------------------------------------------------
Elasitc
指数衰减的正弦曲线缓动;
------------------------------------------------------------------------------------------------------------------------
每种缓动算法效果都可以分为三个缓动方式,分别是:
easeIn:从0开始加速的缓动;
easeOut:减速到0的缓动;
easeInOut:前半段从0开始加速,后半段减速到0的缓动;
------------------------------------------------------------------------------------------------------------------------
还可以通过贝塞尔曲线自定义缓动效果,贝塞尔效果查询http://cubic-bezier.com