add css supports to improve backdrop-filter header

insanj · Apr 3, 2023 · 58eed9c · 58eed9c
1 parent 1c69e2e
commit 58eed9c
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -51,10 +51,17 @@
         padding: 20px;
         border-bottom: 4px solid rgba(255, 255, 255, 0.1);
 
-        background: rgba(0, 0, 0, 0.2);
-        backdrop-filter: blur(20px);
+        background: rgba(0, 0, 0, 0.97);
       }
 
+      @supports (backdrop-filter: blur(20px)) {
+        header {
+          background: rgba(0, 0, 0, 0.2);
+          backdrop-filter: blur(20px);
+        }
+      }
+
+
       header > h1, header > h3 {
         z-index: 2;
         text-shadow: 0px 2px 3px 4px rgba(0, 0, 0, 1);