add fade to site-header background blur

2026-05-27 14:10:53 +02:00
parent a1faad0b7a
commit 21f21aee0c
1 changed files with 10 additions and 0 deletions
@@ -471,6 +471,16 @@ button:visited, .button-primary:visited, .logo:visited {
    linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%)
  );
  backdrop-filter: blur(6px);
+  -webkit-mask-image: linear-gradient(
+    to top,
+    rgba(18,18,18,0) 0%,
+    rgba(18,18,18,1.00) 16%
+  );
+  mask-image: linear-gradient(
+    to top,
+    rgba(18,18,18,0) 0%,
+    rgba(18,18,18,1.00) 16%
+  );
 }

 .menu-bar {