more optimized + bounce overshot(bounce back) effect

1 files changed, 6 insertions, 51 deletions

diff --git a/src/css/style.css b/src/css/style.css
index aac6d9ff..cb9b8c75 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -58,32 +58,11 @@ body {
 }
 
 @keyframes zoomIn {
-  10% {
-    transform: scale(0.1);
+  1% {
+    transform: scale(0.01);
   }
-  20% {
-    transform: scale(0.2);
-  }
-  30% {
-    transform: scale(0.3);
-  }
-  40% {
-    transform: scale(0.4);
-  }
-  50% {
-    transform: scale(0.5);
-  }
-  60% {
-    transform: scale(0.6);
-  }
-  70% {
-    transform: scale(0.7);
-  }
-  80% {
-    transform: scale(0.8);
-  }
-  90% {
-    transform: scale(0.9);
+  85% {
+    transform: scale(1.1);
   }
   100% {
     transform: scale(1);
@@ -91,35 +70,11 @@ body {
 }
 
 @keyframes zoomOut {
-  10% {
+  1% {
     transform: scale(1);
   }
-  20% {
-    transform: scale(0.9);
-  }
-  30% {
-    transform: scale(0.8);
-  }
-  40% {
-    transform: scale(0.7);
-  }
-  50% {
-    transform: scale(0.6);
-  }
-  60% {
-    transform: scale(0.5);
-  }
-  70% {
-    transform: scale(0.4);
-  }
-  80% {
-    transform: scale(0.3);
-  }
-  90% {
-    transform: scale(0.2);
-  }
   100% {
-    transform: scale(0.1);
+    transform: scale(0.01);
   }
 }