Principles · The craft behind motion
Follow-through跟随与余势
- natural
- weighty
- relaxed
After the main body stops, attached parts keep moving briefly before they settle, which makes the whole thing feel weighted.
When to use it
Use it when elements move together with a main/secondary relationship, such as a card and its inner icon; independent elements need no follow-through.
Parameters
main element 240ms ease-out · trailing delayed 60ms · 260ms · overshoot 10%
Recipe
Follow-through → 240ms ease-outFollow-through → main element 240ms ease-out · trailing delayed 60ms · 260ms · overshoot 10%
One sentence for your AI
Add follow-through to this card: the body lands in 240ms ease-out, then the inner icon settles 60ms later over 260ms with a 10% overshoot.