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 之间的值。