hover effect added on navbar

Sahil1786 · Jun 23, 2024 · 6b34c24 · 6b34c24
1 parent be15ed3
commit 6b34c24
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/public/css/style.css b/public/css/style.css
@@ -43,12 +43,17 @@ body {
 .navbar-nav .nav-opt {
     color: black;
     border: 1px solid gray;
-    border-radius: 15px;
+    border-radius: 30px;
     padding: 8px 18px;
     font-size: 14px;
     text-decoration: none;
 }
 
+.navbar-nav .nav-opt:hover{
+    background-color: #198754; /* Change background color on hover */
+    color: white; /* Change text color on hover */
+    border-color: #198754; /* Change border color on hover */
+}
 
 .owl-carousel {
     overflow: hidden;