From c451d82ad7c46777e7499a8da2e5292090bbec72 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Sat, 7 Oct 2023 20:37:36 +0800
Subject: added load in animation

---
 src/css/style.css | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

(limited to 'src/css/style.css')

diff --git a/src/css/style.css b/src/css/style.css
index 7cf4fe51..880a4199 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -58,7 +58,7 @@ body {
 }
 
 @keyframes zoomIn {
-  1% {
+  0% {
     transform: scale(0.01);
   }
   85% {
@@ -70,7 +70,7 @@ body {
 }
 
 @keyframes zoomOut {
-  1% {
+  0% {
     transform: scale(1);
   }
   100% {
@@ -78,6 +78,23 @@ body {
   }
 }
 
+@keyframes reveal {
+  0% {
+    -webkit-filter: blur(32px);
+    -moz-filter: blur(32px);
+    -o-filter: blur(32px);
+    -ms-filter: blur(32px);
+    transform: scale(2);
+  }
+  100% {
+    -webkit-filter: blur(0px);
+    -moz-filter: blur(0px);
+    -o-filter: blur(0px);
+    -ms-filter: blur(0px);
+    transform: scale(1);
+  }
+}
+
 /* animation: name duration timing-function delay iteration-count direction fill-mode; */
 
 
@@ -129,6 +146,11 @@ body {
   animation-name: zoomOut;
 }
 
+.animate.reveal {
+  transition-timing-function: linear;
+  animation-name: reveal;
+}
+
 /* transition */
 * {
   transition: all 0.3s; 
-- 
cgit v1.2.3