Change navbar design

acf-sack · Jun 14, 2024 · e31a61b · e31a61b
1 parent 44e3154
commit e31a61b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/assets/style/style.css b/assets/style/style.css
@@ -16,15 +16,17 @@ background-size:cover;
 
 }
 .navbar{
-    background-color: rgb(255, 255, 255);
+
+    -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(12px);
     width: 80%;
     position: fixed;
     z-index: 1;
     margin-top: 20px;
-    border-radius: 30px;
+    border-radius: 35px;
     box-shadow:5px 5px 30px #000000;
     padding: 10px;
-    animation: nav-load 500ms ease-out;
+    animation: nav-load 800ms ease-out;
 }
 @keyframes nav-load{
     0%{
@@ -39,7 +41,9 @@ background-size:cover;
     justify-content: center;
 }
 .navbar-nav li a , .navbar-brand{
-    color: #000000 !important ;
+    color: #ffffff !important ;
+    font-weight: 600;
+    font-size: 20px;
     animation: li-load 5s ;
 }