From 0e1d033fe76b23b5b6371d29a0213c233b922adc Mon Sep 17 00:00:00 2001
From: Kim Taehyung <33085835+Zerapium@users.noreply.github.com>
Date: Fri, 18 Sep 2020 19:30:18 +0530
Subject: [PATCH] Add fadeIn 5secs effect CSS

Add 5 seconds fadeIn effect for whole body except the navigation bar
---
 static/assets/css/style.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index c01ffb7..339ddde 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -44,6 +44,24 @@ h1, h2, h3, h4, h5, h6 {
     padding: 0px;
 }
 
+
+/* fadeIn  */
+
+@keyframes fadeIn {
+  0% {
+    opacity:0;
+  }
+  100% {
+    opacity:1;
+  }
+}
+
+.PAGE {
+  animation : fadeIn ease 5s;
+  }
+
+
+
 a {
     text-decoration: none;
     transition: all 0.3s ease-in-out;