소스 검색

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