缓动函数指定随时间变化的速率,在使用 Svelte 的内置过渡和动画以及 tweened 和 spring 实用工具时非常有用。svelte/easing
包含 31 个命名导出、一个 linear
缓动以及 10 个不同缓动函数的 3 个变体:in
、out
和 inOut
。
你可以在 缓动可视化工具 中探索各种缓动,该工具位于 示例部分。
缓动 | 进入 | 退出 | 进出 |
---|---|---|---|
回弹 | 进入回弹 |
退出回弹 |
进出回弹 |
弹跳 | 进入弹跳 |
退出弹跳 |
进出弹跳 |
圆形 | 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 |