From 21f21aee0c4df883424b42877202ecad232bc981 Mon Sep 17 00:00:00 2001
From: sefaria <lars@larss-macbook-pro-3.local>
Date: Wed, 27 May 2026 14:10:53 +0200
Subject: [PATCH] add fade to site-header background blur

---
 css/style.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/css/style.css b/css/style.css
index cfa9ed7..5acce9f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -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 {