图表
运动说明
linear
线性匀速运动效果
Sine.easeIn
正弦曲线的缓动(sin(t))/ 从0开始加速的缓动,也就是先慢后快
Sine.easeOut
正弦曲线的缓动(sin(t))/ 减速到0的缓动,也就是先快后慢
Sine.easeInOut
正弦曲线的缓动(sin(t))/ 前半段从0开始加速,后半段减速到0的缓动
Quad.easeIn
二次方的缓动(t^2)/ 从0开始加速的缓动,也就是先慢后快
Quad.easeOut
二次方的缓动(t^2)/ 减速到0的缓动,也就是先快后慢
Quad.easeInOut
二次方的缓动(t^2)/ 前半段从0开始加速,后半段减速到0的缓动
Cubic.easeIn
三次方的缓动(t^3)/ 从0开始加速的缓动,也就是先慢后快
Cubic.easeOut
三次方的缓动(t^3)/ 减速到0的缓动,也就是先快后慢
Cubic.easeInOut
三次方的缓动(t^3)/ 前半段从0开始加速,后半段减速到0的缓动
Quart.easeIn
四次方的缓动(t^4)/ 从0开始加速的缓动,也就是先慢后快
Quart.easeOut
四次方的缓动(t^4)/ 减速到0的缓动,也就是先快后慢
Quart.easeInOut
四次方的缓动(t^4)/ 前半段从0开始加速,后半段减速到0的缓动
Quint.easeIn
五次方的缓动(t^5)/ 从0开始加速的缓动,也就是先慢后快
Quint.easeOut
五次方的缓动(t^5)/ 减速到0的缓动,也就是先快后慢
Quint.easeInOut
五次方的缓动(t^5)/ 前半段从0开始加速,后半段减速到0的缓动
Expo.easeIn
指数曲线的缓动(2^t)/ 从0开始加速的缓动,也就是先慢后快
Expo.easeOut
指数曲线的缓动(2^t)/ 减速到0的缓动,也就是先快后慢
Expo.easeInOut
指数曲线的缓动(2^t)/ 前半段从0开始加速,后半段减速到0的缓动
Circ.easeIn
圆形曲线的缓动(sqrt(1-t^2))/ 从0开始加速的缓动,也就是先慢后快
Circ.easeOut
圆形曲线的缓动(sqrt(1-t^2))/ 减速到0的缓动,也就是先快后慢
Circ.easeInOut
圆形曲线的缓动(sqrt(1-t^2))/ 前半段从0开始加速,后半段减速到0的缓动
Back.easeIn
超过范围的三次方缓动((s+1)*t^3 – s*t^2)/ 从0开始加速的缓动,也就是先慢后快
Back.easeOut
超过范围的三次方缓动((s+1)*t^3 – s*t^2)/ 减速到0的缓动,也就是先快后慢
Back.easeInOut
超过范围的三次方缓动((s+1)*t^3 – s*t^2)/ 前半段从0开始加速,后半段减速到0的缓动
Elastic.easeIn
指数衰减的正弦曲线缓动 / 从0开始加速的缓动,也就是先慢后快
Elastic.easeOut
指数衰减的正弦曲线缓动 / 减速到0的缓动,也就是先快后慢
Elastic.easeInOut
指数衰减的正弦曲线缓动 / 前半段从0开始加速,后半段减速到0的缓动
Bounce.easeIn
指数衰减的反弹缓动 / 从0开始加速的缓动,也就是先慢后快
Bounce.easeOut
指数衰减的反弹缓动 / 减速到0的缓动,也就是先快后慢
Bounce.easeInOut
指数衰减的反弹缓动 / 前半段从0开始加速,后半段减速到0的缓动