Easing · How speed changes
Cubic-bezier贝塞尔曲线
- precise
- custom
- professional
Four numbers describing a speed curve. It is the general form behind the named easings and lets you dial in an exact rhythm.
When to use it
Switch to it when the built-in ease or ease-out does not fit; for ordinary entrances and exits a custom curve is unnecessary.
Parameters
cubic-bezier(x1, y1, x2, y2) · e.g. (0.34, 1.56, 0.64, 1) slight overshoot
Recipe
Cubic-bezier → cubic-bezier(x1, y1, x2, y2) · e.g. (0.34, 1.56, 0.64, 1) slight overshoot
One sentence for your AI
Change this animation's easing to the custom curve cubic-bezier(0.34, 1.56, 0.64, 1) at 260ms, giving a slight overshoot before settling.