From a4419b705971dfed574d5c77b1259b9cdcf7e1a3 Mon Sep 17 00:00:00 2001 From: Jayawardana OV <114973581+OnaliyVinukiy@users.noreply.github.com> Date: Wed, 11 Oct 2023 09:50:45 +0530 Subject: [PATCH] Made a glowing effect for the navbar links --- action.html | 12 ++++++++---- anime.html | 15 ++++++++++----- comedy.html | 12 ++++++++---- contactus.html | 12 ++++++++---- crime.html | 12 ++++++++---- documentary.html | 12 ++++++++---- drama.html | 12 ++++++++---- fantasy.html | 12 ++++++++---- faq.html | 13 +++++++++++++ home.html | 11 ++++++----- horror.html | 12 ++++++++---- kids.html | 15 ++++++++++----- movies.html | 12 ++++++++---- news.html | 12 ++++++++++++ popular.html | 12 ++++++++---- premium.html | 12 ++++++++---- romance.html | 12 ++++++++---- suspense.html | 12 ++++++++---- tv.html | 12 ++++++++---- war.html | 12 ++++++++---- web-series.html | 12 ++++++++---- 21 files changed, 179 insertions(+), 79 deletions(-) diff --git a/action.html b/action.html index 15846fc6..6971497b 100644 --- a/action.html +++ b/action.html @@ -65,10 +65,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/anime.html b/anime.html index c2005815..27babcfa 100644 --- a/anime.html +++ b/anime.html @@ -91,12 +91,17 @@ width: 81px; height: 52px; } - .nav-item :hover{ + +.nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/comedy.html b/comedy.html index e5efabfc..36869ac7 100644 --- a/comedy.html +++ b/comedy.html @@ -59,10 +59,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/contactus.html b/contactus.html index cb4372c9..b8c0aa0d 100644 --- a/contactus.html +++ b/contactus.html @@ -39,10 +39,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } .menu li a:hover { color: red !important; diff --git a/crime.html b/crime.html index 0c32e6fc..dd8800c1 100644 --- a/crime.html +++ b/crime.html @@ -111,10 +111,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/documentary.html b/documentary.html index 43de7dfe..dc6e2d9a 100644 --- a/documentary.html +++ b/documentary.html @@ -105,10 +105,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/drama.html b/drama.html index 7d8845b2..9e98964a 100644 --- a/drama.html +++ b/drama.html @@ -107,10 +107,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/fantasy.html b/fantasy.html index ad5b8acf..e8d54bad 100644 --- a/fantasy.html +++ b/fantasy.html @@ -107,10 +107,14 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + +} +#header-nav .navbar-nav .nav-item .nav-link:hover { + color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ } diff --git a/faq.html b/faq.html index dad5af74..fb9786f3 100644 --- a/faq.html +++ b/faq.html @@ -26,6 +26,19 @@ + diff --git a/home.html b/home.html index ecf0c02e..139d0bfd 100644 --- a/home.html +++ b/home.html @@ -83,14 +83,15 @@ } .nav-item :hover{ margin-bottom: 10px; - /* background-color: aquamarine; */ - border-bottom: 3px; - border-color: red; - border-bottom-style: solid; + + } -#header-nav .nav-link a:hover{ +#header-nav .navbar-nav .nav-item .nav-link:hover { color: red; + text-decoration: none; /* Remove underline */ + transition: color 0.3s ease, text-shadow 0.3s ease; /* Add transition effect */ + text-shadow: 0 0 10px red; /* Add glowing effect */ }