[chore]: userCard animation

sanam2405 · Sep 18, 2024 · 4f8ff28 · 4f8ff28 · vercel · Sep 18, 2024
1 parent b77d14f
commit 4f8ff28
Showing 1 changed file with 14 additions and 0 deletions.
diff --git 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 {