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;