From 136f3497544872e23d0d9a17af9cc35cba450c71 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Mon, 22 Apr 2024 01:41:22 -0700 Subject: feat(list): parallax covers --- src/lib/Image/ParallaxImage.svelte | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'src/lib/Image') 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} -- cgit v1.2.3