Added Transform Scale up to article cards while hovering

appwrite · Aug 4, 2023 · e9b2493 · e9b2493
1 parent 87d8706
commit e9b2493
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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);
+  }
 </style>