跳过主要内容

SteppedEase

信息

SteppedEase 包含在 GSAP 的核心库中

描述

大多数缓动函数提供了从起始值到结束值之间的平滑、渐进的过渡,但 SteppedEase 提供了一种简便的方式,用于定义过渡应经过的具体步数。

例如,如果 x 的值为 0,并且你想在 2 秒内将其补间动画变为 100,同时分为 5 步(即 20、40、60、80 和 100),你可以这样写:

gsap.to(obj, {duration: 2, x: 100, ease: "steps(5)"});

注意:SteppedEase 是为与 GreenSock 动画平台配合使用而优化的,因此不建议在其他引擎中使用。具体来说,它的缓动公式始终返回介于 0 和 1 之间的值。

目录