イージング · 速さの変わり方
ベジェ曲線贝塞尔曲线
- 精密
- カスタム
- 専門的
4 つの数値で速度の曲線を表す書き方で、名前付きイージングの一般形です。狙ったリズムを細かく作れます。
使いどころ
既定の ease や ease-out が合わないときに使います。普通の登場・退場なら独自の曲線は不要です。
パラメータ
cubic-bezier(x1, y1, x2, y2) · e.g. (0.34, 1.56, 0.64, 1) slight overshoot
レシピ
ベジェ曲線 → cubic-bezier(x1, y1, x2, y2) · e.g. (0.34, 1.56, 0.64, 1) slight overshoot
AI に渡す一文
このアニメーションのイージングを cubic-bezier(0.34, 1.56, 0.64, 1)、260ms に変更し、最後に少し行き過ぎてから戻るようにしてください。