Add animation to category card

2025-01-30 01:10:15 +03:30
parent a3d86f2ee8
commit 3946af73d2
1 changed files with 2 additions and 2 deletions
@@ -24,10 +24,10 @@ const { colorObject } = useImageColor(`#category-image-${id.value}`);

 <template>
    <NuxtLink :to="`/products?category=${id}`">
-        <div class="relative rounded-150 overflow-hidden w-full h-[500px] bg-white brightness-[97%]">
+        <div class="group relative rounded-150 overflow-hidden w-full h-[500px] bg-white brightness-[97%]">
            <img
                :id="`category-image-${id}`"
-                class="absolute object-contain size-full"
+                class="group-hover:scale-105 transition-transform duration-200 absolute object-contain size-full"
                :src="picture"
                alt=""
            />