From 8a84e68c1385ca2da3705681fcace2df09696067 Mon Sep 17 00:00:00 2001 From: keiko233 Date: Sat, 11 Nov 2023 19:34:03 +0800 Subject: [PATCH] feat: add baseContentIn animation --- src/assets/styles/page.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/assets/styles/page.scss b/src/assets/styles/page.scss index 5ca034c5..52ee7f90 100644 --- 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); + } + } } } }