From 9a66020728567fc498744b09a3249ac09317f888 Mon Sep 17 00:00:00 2001 From: Shobhit1729Aryan Date: Tue, 8 Oct 2024 20:20:00 +0530 Subject: [PATCH] Enhanced bg color in dark mode and Added floating effect --- assets/css/darkmode.css | 107 +++++++++++++++++++++++++++++++++++++++- index.html | 18 ++++--- 2 files changed, 116 insertions(+), 9 deletions(-) diff --git a/assets/css/darkmode.css b/assets/css/darkmode.css index 5dcf5a29..e8b595a4 100644 --- a/assets/css/darkmode.css +++ b/assets/css/darkmode.css @@ -8,7 +8,7 @@ --light-white:#FFFFF0; --light-gray:#d3d3d3; --oxford-blue:#1a1f4d; - --black:#121212; + --black:#1e1e1e; --light-black:#2C2C2C; --charcoal-black:#3C3C3C; --roman-silver: #5A5A5A ; @@ -1496,4 +1496,107 @@ body.nav-active { overflow: hidden; } .footer-bottom p{ font-size: 1.0rem; } - } \ No newline at end of file + }.header1{ + animation-name: pulse1; + animation-duration: 2s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + } + .header2{ + animation-name: pulse2; + animation-duration: 1.8s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + } + .header3{ + animation-name: pulse3; + animation-duration: 2s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + } + .header4{ + animation-name: pulse4; + animation-duration: 1.8s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + } + .header5{ + animation-name: pulse5; + animation-duration: 2s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + } + .header6{ + animation-name: pulse6; + animation-duration: 1.8s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + } + + @keyframes pulse1{ + 0%{ + transform: translateY(-3.5px); + } + 50%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-3.5px); + } + } + @keyframes pulse2{ + 0%{ + transform: translateY(-5px); + } + 50%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-5px); + } + } + @keyframes pulse3{ + 0%{ + transform: translateY(-3.5px); + } + 50%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-3.5px); + } + } + @keyframes pulse4{ + 0%{ + transform: translateY(-5px); + } + 50%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-5px); + } + } + @keyframes pulse5{ + 0%{ + transform: translateY(-3.5px); + } + 50%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-3.5px); + } + } + @keyframes pulse6{ + 0%{ + transform: translateY(-5px); + } + 50%{ + transform: translateY(0px); + } + 100%{ + transform: translateY(-5px); + } + } + \ No newline at end of file diff --git a/index.html b/index.html index 82d83319..1b239d56 100644 --- a/index.html +++ b/index.html @@ -265,7 +265,7 @@

Your Email

Course Categories

-
Browse Top Categories
+
Browse Top Categories