MotionLang

动效原理 · 做动效的门道

跟随与余势Follow-through

主体停下来之后,附属的部分还继续动一小会儿才停,让整体显得有重量。

在工具里打开这条

什么时候用它

有主从关系的元素(卡片和内部图标、人物和配饰)一起移动时用它;彼此独立的元素不需要跟随。

参数

main element 240ms ease-out · trailing delayed 60ms · 260ms · overshoot 10%

配方

  1. 跟随与余势 → 240ms ease-out
  2. 跟随与余势 → main element 240ms ease-out · trailing delayed 60ms · 260ms · overshoot 10%

给 AI 的一句话

给这个卡片加跟随余势:主体 240ms ease-out 到位后,内部图标再延迟 60ms、用 260ms 过冲 10% 再回位。

同类的其他动效