www: backdrop-filter for header

1 files changed, 6 insertions, 3 deletions

diff --git a/juick-www/src/main/assets/style.css b/juick-www/src/main/assets/style.css
index 34e990fd..0dc42077 100644
--- a/juick-www/src/main/assets/style.css
+++ b/juick-www/src/main/assets/style.css
@@ -98,13 +98,16 @@ body > header {
     top: 0;
     width: 100%;
     z-index: 10;
-    -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    -webkit-transition-property: -webkit-transform;
     transition-property: transform;
 }
+@supports (backdrop-filter: blur(10px)) {
+    body > header {
+        background: rgba(255, 255, 255, 0.8);
+        backdrop-filter: blur(10px);
+    }
+}
 #header_wrapper {
     margin: 0 auto;
     width: 1000px;