mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
543 B
34 lines
543 B
6 years ago
|
import { cubicOut } from 'svelte/easing';
|
||
|
|
|
||
|
|
export function expand(node, params) {
|
||
|
|
const {
|
||
|
|
delay = 0,
|
||
|
|
duration = 400,
|
||
|
|
easing = cubicOut
|
||
|
|
} = params;
|
||
|
|
|
||
|
|
const w = parseFloat(getComputedStyle(node).strokeWidth);
|
||
|
|
|
||
|
|
return {
|
||
|
|
delay,
|
||
|
|
duration,
|
||
|
|
easing,
|
||
|
|
css: t => `opacity: ${t}; stroke-width: ${t * w}`
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export function blur(node, params) {
|
||
|
|
const {
|
||
|
|
b = 10,
|
||
|
|
delay = 0,
|
||
|
|
duration = 400,
|
||
|
|
easing = cubicOut
|
||
|
|
} = params;
|
||
|
|
|
||
|
|
return {
|
||
|
|
delay,
|
||
|
|
duration,
|
||
|
|
easing,
|
||
|
|
css: (t, u) => `opacity: ${t}; filter: blur(${u * b}px);`
|
||
|
|
};
|
||
|
|
}
|