Переглянути джерело

feat: add baseContentIn animation

keiko233 1 рік тому
батько
коміт
34cb796505
1 змінених файлів з 13 додано та 0 видалено
  1. 13 0
      src/assets/styles/page.scss

+ 13 - 0
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);
+          }
+        }
       }
     }
   }