diff --git a/src/runtime/transition/index.ts b/src/runtime/transition/index.ts index ec19ca1b68..0a20c81b1f 100644 --- a/src/runtime/transition/index.ts +++ b/src/runtime/transition/index.ts @@ -1,4 +1,4 @@ -import { cubicOut, cubicInOut } from 'svelte/easing'; +import { cubicOut, cubicInOut, linear } from 'svelte/easing'; import { assign, is_function } from 'svelte/internal'; type EasingFunction = (t: number) => number; @@ -43,17 +43,20 @@ export function blur(node: Element, { interface FadeParams { delay: number; duration: number; + easing: EasingFunction; } export function fade(node: Element, { delay = 0, - duration = 400 + duration = 400, + easing = linear }: FadeParams): TransitionConfig { const o = +getComputedStyle(node).opacity; return { delay, duration, + easing, css: t => `opacity: ${t * o}` }; }