调感觉
缓动
Easing
「动画的快慢节奏」「速度曲线」「一开始慢后来快」「动画的手感」「贝塞尔曲线」
LIVE DEMO真实可交互，动手试试
缓动对比
同样距离，不同节奏
Linear匀速直走
Move
Ease-out快进慢停
Move
Ease-in-out先蓄力再收住
Move
- 英文名
- Easing
- 别名 · 俗称
- 速度曲线动效节奏Timing Function快慢变化
- Web 叫法
- Easing / Timing Function
- 大白话定义
- 动画不是一直匀速跑，而是按一条速度曲线决定先快还是先慢，这条曲线就叫缓动。
- 部位拆解
- 起步 Ease In开始时慢一点，再逐渐加速
- 收尾 Ease Out结束时减速，更自然
- 曲线 Curve决定整段动画的节奏感
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
把悬停浮起动画的 easing 调成 ease-out：进入更轻快，离开更克制，整体时长 180ms
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的缓动（Easing）。逐一排除：进入和离开都用同一条曲线，导致收尾发硬；位移动画用了 linear，看起来像机器在滑；时长很短却还用复杂贝塞尔，用户感知不到；不同组件用了完全不同的曲线，整站节奏不统一。症状是：