feat: add baseContentIn animation

2023-11-11 19:34:03 +08:00
parent 0ca7defe83
commit 8a84e68c13
1 changed files with 13 additions and 0 deletions
--- 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);
+          }
+        }
      }
    }
  }