缓动函数整理
- BackEase:先退动画运动,然后再开始在指示的路径中进行动画处理。
- BounceEase:创建弹跳效果。
- CircleEase:使用循环函数创建加速和/或减速的动画。
- CubicEase:使用公式 f (t) = t3创建加速和/或减速的动画。
- ElasticEase:创建类似于弹簧前后振荡的动画,直到其进入 rest 状态。
- ExponentialEase:使用指数公式创建加速和/或减速的动画。
- PowerEase:使用公式 f (t) = tp 创建加速和/或减速的动画,其中 p 等于 Power 属性。
- QuadraticEase:使用公式 f (t) = t2创建加速和/或减速的动画。
- QuarticEase:使用公式 f (t) = t4创建加速和/或减速的动画。
- QuinticEase:使用公式 f (t) = t5创建加速和/或减速的动画。
- SineEase:使用正弦公式创建加速和/或减速的动画。
每个效果都分三个缓动方式(方法),分别是:
easeIn:从0开始加速的缓动;
easeOut:减速到0的缓动;
easeInOut:前半段从0开始加速,后半段减速到0的缓动。
演示:
算法:http://robertpenner.com/easing/