Add animation to product card

2025-01-30 01:10:09 +03:30
parent 002568caab
commit a3d86f2ee8
1 changed files with 2 additions and 2 deletions
@@ -34,12 +34,12 @@ const { colorObject } = useImageColor(`#product-image-${id.value}`);
 <template>
    <NuxtLink :to="'/product/' + id">
        <div
-            class="relative size-full min-h-[31.25rem] rounded-2xl bg-white brightness-[98%] overflow-hidden p-6"
+            class="group relative size-full min-h-[31.25rem] rounded-2xl bg-white brightness-[98%] overflow-hidden p-6"
        >
            <img
                :id="`product-image-${id}`"
                :src="picture"
-                class="size-full object-contain absolute inset-0"
+                class="group-hover:scale-105 transition-transform duration-200 size-full object-contain absolute inset-0"
                alt="product-background"
            />