缓动与曲线快慢怎么变
速度随时间怎么变,决定了同一段动画是生硬还是自然。
7 条动效
- 缓动Easing 速度随时间怎么变化
- 缓出Ease-out 一开始快,接近终点时慢下来,像东西被推出去后自然减速,是界面里最常用的缓动
- 缓入Ease-in 一开始慢,越走越快,适合表现元素正在加速离开画面、不再需要被看清楚
- 缓入缓出Ease-in-out 两头慢、中间快,整个过程对称,适合在原地来回移动、始终留在视野里的元素
- 匀速Linear 全程速度不变,没有任何加减速,看起来像机器在匀速走
- 贝塞尔曲线Cubic-bezier 用四个数字描述一条速度曲线,是上面几种缓动的通用写法,可以精确调出你想要的节奏
- 非对称缓动Asymmetric easing 去和回用不同的曲线:去的快、回的慢,或者反过来,让动作更有主次