crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

add different approach on hover animation

Browse Source
This commit is contained in:
Franco Arza
2020-10-21 19:51:46 -03:00
parent c28b7589d3
commit 8078c0b832
2 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/product/ProductCard/ProductCard.tsx
View File

@@ -36,7 +36,7 @@ const ProductCard: FC<Props> = ({ className, product: p, variant }) => {
>
<div className="absolute z-10 inset-0 flex items-center justify-center">
<img
className="w-full object-cover transform scale-90 hover:scale-100 transition-transform duration-500"
className="w-full object-cover transform scale-75 hover:scale-90 transition-transform duration-500"
src={p.images.edges?.[0]?.node.urlXL}
/>
</div>