MotionLang

モーションの原則 · 動きの作法

フォロースルー跟随与余势

本体が止まったあとも、付随する部分が少しの間動き続けてから止まります。全体に重みが出ます。

ツールでこの項目を開く

使いどころ

カードと中のアイコン、人物と装飾など主従関係のある要素が一緒に動くときに使います。独立した要素には不要です。

パラメータ

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

レシピ

  1. フォロースルー → 240ms ease-out
  2. フォロースルー → main element 240ms ease-out · 260ms · overshoot 10%

AI に渡す一文

このカードにフォロースルーを付けてください。本体は 240ms、ease-out で収まり、内側のアイコンは 60ms 遅れて 260ms で 10% 行き過ぎてから戻ります。

同じカテゴリの動き