缓动曲线
开发者工具拖动两个控制柄调出想要的动画节奏,右边实时预览运动效果,直接复制 cubic-bezier() 代码。内置 ease、ease-in-out、回弹等常用曲线。Y 值可以超出 0 到 1,做出过冲和回弹。
拖动两个控制柄调出想要的动画节奏,右边实时预览运动效果,直接复制 cubic-bezier() 代码。内置 ease、ease-in-out、回弹等常用曲线。Y 值可以超出 0 到 1,做出过冲和回弹。
cubic-bezier(0.42, 0, 0.58, 1)两个控制柄的 X 被限制在 0 到 1 之间,这是 CSS 的规定——时间不能倒流。Y 可以超出, 超出部分就是回弹和过冲。拖动圆点,或者直接改下面的数字。