From e31a61b244c84e9679ce3f23111f09194e0ff9e4 Mon Sep 17 00:00:00 2001 From: VishwaAmarasinghe Date: Fri, 14 Jun 2024 22:49:19 +0530 Subject: [PATCH] Change navbar design --- assets/style/style.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/assets/style/style.css b/assets/style/style.css index 14c09d3..a53a260 100644 --- 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 ; }