From 4f8ff2815550e2d1c4539ba00d9487df49cae2d4 Mon Sep 17 00:00:00 2001
From: Manas Pratim Biswas <manaspb2405@gmail.com>
Date: Thu, 19 Sep 2024 03:10:47 +0530
Subject: [PATCH] [chore]: userCard animation

---
 ts-frontend/src/styles/UserCard.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/ts-frontend/src/styles/UserCard.css b/ts-frontend/src/styles/UserCard.css
index 0ccb11e..811f664 100644
--- a/ts-frontend/src/styles/UserCard.css
+++ b/ts-frontend/src/styles/UserCard.css
@@ -4,8 +4,22 @@
   text-align: center;
 }
 
+@keyframes appear-scale {
+  from {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 .usercard-container {
   padding: 3rem;
+  animation: appear-scale linear;
+  animation-timeline: view();
+  animation-range: entry 0% cover 40%;
 }
 
 .container .card_item:hover {