跳至主要内容

运行时

svelte/easing

在 GitHub 上编辑此页面

缓动函数指定随时间变化的速率,在使用 Svelte 的内置过渡和动画以及 tweened 和 spring 实用工具时非常有用。svelte/easing 包含 31 个命名导出、一个 linear 缓动以及 10 个不同缓动函数的 3 个变体:inoutinOut

你可以在 缓动可视化工具 中探索各种缓动,该工具位于 示例部分

缓动 进入 退出 进出
回弹 进入回弹 退出回弹 进出回弹
弹跳 进入弹跳 退出弹跳 进出弹跳
圆形 circIn circOut circInOut
cubic cubicIn cubicOut cubicInOut
elastic elasticIn elasticOut elasticInOut
expo expoIn expoOut expoInOut
quad quadIn quadOut quadInOut
quart quartIn quartOut quartInOut
quint quintIn quintOut quintInOut
sine sineIn sineOut sineInOut
上一个 svelte/animate
下一个 svelte/action