added load in animation

1 files changed, 24 insertions, 2 deletions

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;