イージング · 速さの変わり方
非対称イージング非对称缓动
- 作り込まれた
- 意図的
- 成熟
行きと戻りで別の曲線を使います。行きは速く戻りは遅く、またはその逆にして、動きに主従を付けます。
使いどころ
同じ要素が出て行き、また戻ってくるときに使います。単純な片道の動きなら「イーズアウト」で足ります。
パラメータ
out cubic-bezier(0.22, 1, 0.36, 1) 240ms · back cubic-bezier(0.4, 0, 1, 1) 200ms
レシピ
非対称イージング → 240ms cubic-bezier(0.22, 1, 0.36, 1)非対称イージング → out cubic-bezier(0.22, 1, 0.36, 1) 240ms · back cubic-bezier(0.4, 0, 1, 1) 200ms
AI に渡す一文
このドロワーに非対称イージングを使ってください。開くときは cubic-bezier(0.22, 1, 0.36, 1) で 240ms、閉じるときは cubic-bezier(0.4, 0, 1, 1) で 200ms です。