diff options
| author | Fuwn <[email protected]> | 2024-04-22 01:41:22 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-22 01:41:22 -0700 |
| commit | 136f3497544872e23d0d9a17af9cc35cba450c71 (patch) | |
| tree | 00604292490e7732b746b8fad7d47b076c1f84b4 /src/lib/Image | |
| parent | refactor(lib): move componenets to modules (diff) | |
| download | due.moe-136f3497544872e23d0d9a17af9cc35cba450c71.tar.xz due.moe-136f3497544872e23d0d9a17af9cc35cba450c71.zip | |
feat(list): parallax covers
Diffstat (limited to 'src/lib/Image')
| -rw-r--r-- | src/lib/Image/ParallaxImage.svelte | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/lib/Image/ParallaxImage.svelte b/src/lib/Image/ParallaxImage.svelte index cebbfa2b..69f53b67 100644 --- a/src/lib/Image/ParallaxImage.svelte +++ b/src/lib/Image/ParallaxImage.svelte @@ -8,8 +8,9 @@ export let alternativeText: string; export let classes = ''; export let style = ''; - export const factor = 1.25; - const limit = 300 * 1.75; + export let factor = 1.25; + export let limit = 300 * 1.75; + export let borderRadius = '8px'; let badgeReference: HTMLImageElement; const mouse = tweened({ x: 0, y: 0 }, { duration, easing }); @@ -37,7 +38,7 @@ bind:this={badgeReference} style={`transform: perspective(1000px) rotateX(${$mouse.y / 10}deg) rotateY(${ -$mouse.x / 10 - }deg); ${style}`} + }deg); border-radius: ${borderRadius}; ${style}`} alt={alternativeText} on:mousemove={handleMouseMove} on:mouseleave={handleMouseLeave} |