缓动函数整理

  • 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/
posted @ 2021-02-02 15:33  microus  阅读(708)  评论(0编辑  收藏  举报