Make sticky nav bar transparent with blur effect.

chapter-three · Nov 7, 2024 · 27dab92 · 27dab92
1 parent f903c0e
commit 27dab92
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -771,6 +771,8 @@ input:-webkit-autofill:focus {
 
 .scroll-section.nav-section.sticky {
   position: fixed;
+  background-color: rgb(213 225 225 / 87%);
+  backdrop-filter: blur(10px);
   width: 100%;
   top: 0;
   margin-top: 0;