don't use blur if unsupported

2020-08-30 16:47:25 +02:00 · 2020-08-30 16:47:25 +02:00 · 8b268f835a
parent 91af2d9411
commit 8b268f835a
1 changed files with 11 additions and 3 deletions
--- a/style/shiny/single.css
+++ b/style/shiny/single.css
@ -72,9 +72,17 @@ body {
  border-radius: 0.5em;
 }

-#cw ~ * {
-  filter: blur(50px);
-  opacity: 65%;
+@supports (filter: blur(50px)) {
+  #cw ~ * {
+    opacity: 65%;
+    filter: blur(50px);
+  }
+
+  #cw {
+    /* it doesn't matter if this is unsupported because
+     * either way the thing will be hidden */
+    mix-blend-mode: multiply;
+  }
 }

 .nsfw-label::after {