diff options
| author | Fuwn <[email protected]> | 2024-04-03 18:23:34 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-03 18:23:34 -0700 |
| commit | 95685f5b25a7dc628d4cc0330568f6db9ca8b8df (patch) | |
| tree | 7fc9544e118cab91a319b4bce11942d884e1d80f /src/lib | |
| parent | feat(badge): larger parallax (diff) | |
| download | due.moe-95685f5b25a7dc628d4cc0330568f6db9ca8b8df.tar.xz due.moe-95685f5b25a7dc628d4cc0330568f6db9ca8b8df.zip | |
feat(badge): smoother parallax
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/FallbackBadge.svelte | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/lib/FallbackBadge.svelte b/src/lib/FallbackBadge.svelte index 38653881..652c8735 100644 --- a/src/lib/FallbackBadge.svelte +++ b/src/lib/FallbackBadge.svelte @@ -30,10 +30,12 @@ const handleMouseMove = (event: MouseEvent) => { const boundingRectangle = badgeReference.getBoundingClientRect(); - const factor = 1; + const factor = 1.25; - mouseX = -(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) * factor; - mouseY = -(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) * factor; + mouseX += + (-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - mouseX) * factor; + mouseY += + (-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - mouseY) * factor; }; const handleMouseLeave = () => { |