缓动
Easing
中级通用缓动（Easing）是动画在持续时间内改变运动快慢的方式，决定元素是匀速移动、逐渐加速，还是接近终点时放慢。它解决界面运动显得生硬、难以跟上变化的问题，例如让抽屉滑入时先快后慢。
你可能会说：「我想让侧边抽屉滑出来时别一直匀速，到位置前慢下来，看着更容易跟上。」
读之前建议先了解
动手看看设置抽屉的滑入
缓动曲线 easing
同样的起点、终点和时长，只换缓动曲线，抽屉「起步」和「刹车」的感觉完全不同。改参数会自动重播，也可以点右上角重播。
先快后慢：一点击就有响应，接近终点时轻轻停稳。打开抽屉、弹窗最常用这一种。
要点缓动在动画里控制什么？
- 1
控制过程而不是起点终点
你给抽屉设定从屏幕外移动到屏幕内，起点和终点已经确定。缓动决定它在这段路上如何分配运动：是每一刻移动得差不多，还是前段快、后段慢。
- 2
用速度变化表达界面意图
弹窗出现时，如果接近最终位置前放慢，用户更容易看清它停在哪里；一个提示要迅速离开时，逐渐加速也说得通。我们选缓动时，可以先想用户需要跟上哪段变化。
- 3
把时长与缓动分开描述
同样是从左到右移动，缩短时长会让整个过程更快；更换缓动则会改变快慢分布。你让 AI 调动画时，分别说明持续多久、起止状态是什么、途中怎样变化，结果更容易检查。
容易混淆的地方
缓动不是动画本身：动画还包括哪些属性在变、从哪变到哪，以及持续多久。它也不等于弹性动画；弹性效果可能越过终点再回弹，而普通缓动可以只改变到达终点前的速度。你想要“停下前慢一点”，先说缓动；想要“越过后弹回来”，再说弹性。
什么时候用
适合用
- 做后台抽屉的打开动画时，用缓动让它接近最终位置前放慢，帮助用户看清面板从哪里来、停在哪里。
- 做卡片展开或收起时，用缓动安排变化的节奏，让用户能跟上内容区域如何变大或缩小。
- 做页面内的元素位移时，用缓动区分进入与离开的速度，让两种操作的反馈符合各自的目的。
不适合用
- 只是切换一段静态说明文字，不需要运动过程时，直接更新内容；缓动没有可控制的变化过程。
- 用户开启了减少动效偏好，而这段位移只是装饰时，改为直接呈现最终状态或采用更克制的状态变化。
- 提交表单后需要说明是否成功时，先用明确的结果提示；缓动不能代替成功、失败等信息。
练一练选一个答案，看看解释
你让 AI 做一个筛选抽屉：打开时位置正确、总时长也合适，但它从头到尾匀速滑动，停下的一刻显得突兀。下一步最贴切的要求是什么？
让 AI 帮你做复制给 AI Agent 直接用
请调整筛选抽屉的打开动画：保持现有起止位置和持续时间，只修改缓动，让它开始移动较快、接近最终位置时逐渐放慢，不要越过终点或回弹。关闭动画也请检查速度变化是否自然，并说明你改了哪些参数。