added contacts animation

PPLBandage · Dec 14, 2024 · c6d2fcd · c6d2fcd
1 parent 065fec4
commit c6d2fcd
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/app/contacts/styles/page.module.css b/src/app/contacts/styles/page.module.css
@@ -1,6 +1,8 @@
 .main {
     margin-left: 2rem;
     margin-right: 2rem;
+
+    animation: show .5s;
 }
 
 .cards_container {
@@ -9,4 +11,18 @@
     align-items: stretch;
     flex-wrap: wrap;
     gap: 1rem;
+}
+
+@keyframes show {
+    0% {
+        opacity: 0;
+        filter: blur(5px);
+        transform: translateY(50px) scale(.95);
+    }
+
+    100% {
+        opacity: 1;
+        filter: blur(0px);
+        transform: translateY(0px) scale(1);
+    }
 }