linear 是匀速过渡，属性值以恒定速率变化，如 opacity 500ms 内每 100ms 增加 0.2；ease 则缓入缓出，对应 cubic-bezier(0.25, 0.1, 0.25, 1)，模拟真实惯性运动。
linear 是匀速过渡，没有加速或减速
使用 linear 时，属性值在整段过渡时间内以恒定速率变化。比如从 opacity: 0 到 opacity: 1 持续 500ms，那么每 100ms 就增加 0.2，视觉上像“滑动尺子”一样平直推进。
常见误用场景：按钮悬停变色配 linear，容易显得生硬、机械；动画路径长（如全屏位移）时，人眼会感觉开头太冲、结尾太突兀。
-
transition-timing-function: linear等价于cubic-bezier(0, 0, 1, 1) - 适合需要精确节奏控制的场景：进度条填充、SVG 路径描边动画、与音频波形同步的 UI 变化
- 在低性能设备上，
linear实际更易保持帧率稳定（无复杂插值计算）
ease 是默认缓入缓出，开头慢、中间快、结尾慢
ease 对应的是 cubic-bezier(0.25, 0.1, 0.25, 1)，它模拟了真实世界中物体受力启动和摩擦停止的惯性过程。视觉上，元素“先试探性动一下”，然后加速到峰值速度，最后轻柔收住。
这是浏览器默认值，也是绝大多数交互反馈（如折叠菜单、弹窗浮现）最自然的选择。但要注意：它的“缓出”阶段在短时长（
立即学习“前端免费学习笔记（深入）”；
