add fade to site-header background blur

This commit is contained in:
sefaria
2026-05-27 14:10:53 +02:00
parent a1faad0b7a
commit 21f21aee0c
+10
View File
@@ -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%) linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%)
); );
backdrop-filter: blur(6px); 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 { .menu-bar {