From 284a1f0b5768d7742a22923052771e6bcaec48c2 Mon Sep 17 00:00:00 2001 From: Azalea <22280294+hykilpikonna@users.noreply.github.com> Date: Sat, 2 Mar 2024 23:32:32 -0500 Subject: [PATCH] [S] Better hover transition --- AquaNet/src/components/ActionCard.svelte | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/AquaNet/src/components/ActionCard.svelte b/AquaNet/src/components/ActionCard.svelte index a3effe38..0fcc8947 100644 --- a/AquaNet/src/components/ActionCard.svelte +++ b/AquaNet/src/components/ActionCard.svelte @@ -46,7 +46,11 @@ &:hover box-shadow: 0 0 0.5rem 0.2rem $c-shadow - transform: translateY(-0.1rem) + transform: translateY(-3px) + + // Drop shadow glow + filter: drop-shadow(0 0 12px rgba(var(--card-color), 0.5)) + outline-color: rgba(var(--card-color), 0.5) span font-size: 1.2rem @@ -69,9 +73,4 @@ :global(> svg) position: absolute rotate: 20deg - - &:hover - // Drop shadow glow - filter: drop-shadow(0 0 12px rgba(var(--card-color), 0.5)) - outline-color: rgba(var(--card-color), 0.5) \ No newline at end of file