Browse Source

feat: add baseContentIn animation

keiko233 1 year ago
parent
commit
34cb796505
1 changed files with 13 additions and 0 deletions
  1. 13 0
      src/assets/styles/page.scss

+ 13 - 0
src/assets/styles/page.scss

@@ -36,6 +36,19 @@
         width: 90%;
         width: 90%;
         // max-width: 850px;
         // max-width: 850px;
         margin: 0 auto;
         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);
+          }
+        }
       }
       }
     }
     }
   }
   }