feat: add baseContentIn animation

libnyanpasu · Nov 11, 2023 · 34cb796 · 34cb796
1 parent 1eb34e0
commit 34cb796
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/assets/styles/page.scss b/src/assets/styles/page.scss
@@ -36,6 +36,19 @@
         width: 90%;
         // max-width: 850px;
         margin: 0 auto;
+        animation: baseContentIn 0.3s normal 1 forwards;
+
+        @keyframes baseContentIn {
+          0% {
+            opacity: 0;
+            transform: translateY(50%) scale(0.9);
+          }
+
+          100% {
+            opacity: 1;
+            transform: translateY(0) scale(1);
+          }
+        }
       }
     }
   }