缓动曲线

Web原生支持

在 Web 上叫transition-timing-function

CSS: transition-timing-function

官方定义是「设置受过渡影响的属性，其中间值如何计算」——本质是一条加速曲线，让速度在整段时长里变化。

动画在这段时间里是匀速走完，还是先快后慢、先慢后快。

示例

Webtransition-timing-function原生支持四条轨道时长相同，只有曲线不同

linear

ease-out

ease-in-out

回弹

四个小球同时出发、同时到达 —— 差别全在中间怎么走。

iOS原生支持

timingCurve异名

官方描述是「由三次贝塞尔时间曲线创建的动画」，与 CSS 的 cubic-bezier 同形。

Android原生支持

Easing异名

官方原文：基于时长的 AnimationSpec（如 tween 或 keyframes）用 Easing 调整动画的进度分数，使数值能加速和减速而不是匀速前进。

FlutterCurve
CurvedAnimation(curve: Curves.easeInOut)
Flutter — Curve · Flutter

缓动曲线决定这段时间怎么走完，时长决定这段时间有多长。