From 747c6d784450a4136e1142b36e4a02be9b8b392b Mon Sep 17 00:00:00 2001 From: Neil Brommer Date: Thu, 6 Jul 2023 16:28:54 -0700 Subject: [PATCH] Add -webkit prefixed backdrop-filter --- src/css/Components/_navbar.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/css/Components/_navbar.scss b/src/css/Components/_navbar.scss index 1be2a0a..8fbc207 100644 --- a/src/css/Components/_navbar.scss +++ b/src/css/Components/_navbar.scss @@ -11,6 +11,7 @@ header { border: solid 1px var(--primary-border-color); border-radius: var(--main-border-radius); background-color: rgba(var(--background-color-components), 0.5); + -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); // Goes slightly past the end, then bounces back to the final position @@ -21,6 +22,7 @@ header { } @media (prefers-contrast: more) { + -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--background-color); }