Add animation to category card
This commit is contained in:
@@ -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=""
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user