From 86b62226f8885ef23c01934fa928617a81ead637 Mon Sep 17 00:00:00 2001 From: AftabMankapure Date: Tue, 20 Feb 2024 14:59:35 +0530 Subject: [PATCH 1/2] added hover effect to navbar --- style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 3595e927..d7e535c6 100644 --- a/style.css +++ b/style.css @@ -277,6 +277,7 @@ button#dark-mode-toggle { border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); + } a { @@ -338,7 +339,9 @@ nav li { } nav li:hover { - border-bottom: 0.2rem white solid; + border-top: 0.4rem rgb(232, 9, 9) solid; + border-radius: 30%; + border-bottom: 0.4rem rgb(232, 9, 9) solid; transition: 0.3s ease-in-out; } From 7508a81da4d11d01bda910fcfee07d76c0ed6567 Mon Sep 17 00:00:00 2001 From: AftabMankapure Date: Wed, 21 Feb 2024 23:13:24 +0530 Subject: [PATCH 2/2] update --- style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index d7e535c6..1044c53c 100644 --- a/style.css +++ b/style.css @@ -339,9 +339,9 @@ nav li { } nav li:hover { - border-top: 0.4rem rgb(232, 9, 9) solid; + border-top: 0.4rem #4276b2 solid; border-radius: 30%; - border-bottom: 0.4rem rgb(232, 9, 9) solid; + border-bottom: 0.4rem #4276b2 solid; transition: 0.3s ease-in-out; }