缓动曲线动效

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

示例

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

linear

ease-out

ease-in-out

回弹

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

Web原生支持

平台通用范围

CSS: transition-timing-function

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

iOS原生支持

平台通用范围

也叫 easeInOut

SwiftUI: Animation.timingCurve(_:_:_:_:duration:)

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

Android原生支持

平台通用范围

Compose: tween(easing = …)

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

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

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

这条词条还没有经过验证的实现提示词。