缓动与曲线 · 快慢怎么变
贝塞尔曲线Cubic-bezier
- 精确
- 可定制
- 专业
用四个数字描述一条速度曲线，是上面几种缓动的通用写法，可以精确调出你想要的节奏。
什么时候用它
内置的 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，让它末尾轻微过冲再回位。