From e9b24939a4e651bb8fe9bfd24f6f1397a6d8cd0c Mon Sep 17 00:00:00 2001 From: Rajeev Lochan Dash Date: Fri, 4 Aug 2023 07:12:40 +0530 Subject: [PATCH] Added Transform Scale up to article cards while hovering --- apps/pink/src/pages/index.astro | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/apps/pink/src/pages/index.astro b/apps/pink/src/pages/index.astro index 4a42631c05..0cc37a367a 100644 --- a/apps/pink/src/pages/index.astro +++ b/apps/pink/src/pages/index.astro @@ -995,4 +995,12 @@ const articles: Article[] = [ .SG-box-shadow-32 { box-shadow: 0 pxToRem(16) pxToRem(32) rgba(55, 59, 77, 0.02); } + + //articles card styling + .articles-item { + transition: transform 0.3s ease-in-out; + } + .articles-item:hover { + transform: scale(1.02); + }