Added Fade in animation when a new page loads

2022-11-06 18:49:06 -05:00 · 2022-11-06 18:49:06 -05:00 · 25db421673
parent fa7f0b23bb
commit 25db421673
1 changed files with 16 additions and 0 deletions
--- a/src/components/css/App.css
+++ b/src/components/css/App.css
@ -32,6 +32,22 @@ html, body {

 .App .app-content {
    height:100%;
+    
+}
+
+.App .app-content div {
+    animation: pageFadeInAnimation ease 0.75s;
+    animation-iteration-count: 1;
+    animation-fill-mode: forwards;
+}
+
+@keyframes pageFadeInAnimation {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+     }
 }

@media only screen and (max-width: 600px) {