术语表 · 动画
缓动
运动从开始到结束时加速和减速的方式。
详细说明
没有缓动时，对象以恒定速度移动，动作看起来很机械。有了缓动，它会先慢慢启动，最后减速（或反过来），就像真实物体那样。在 CSS 中，曲线的名称有 ease、ease-out 或 ease-in-out，或者可以用 cubic-bezier() 编写自定义曲线。back 或 elastic 之类的名称不是 CSS 曲线，而是动画库（如 GSAP）的名称。
实用原则：进入场景的内容通常在到达时减速（ease-out）；离开的内容通常加速（ease-in）。非常有弹性的曲线很吸引注意，但如果在整个横幅中都使用，会让人疲劳。
示例
document.querySelector(".cta").animate({ transform: ["translateX(40px)", "none"] }, { duration: 600, easing: "ease-out" });