From ff9f1212834c0423e2545d9e2c4563ddebea6f33 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Wed, 9 May 2018 00:13:26 +0300 Subject: www: backdrop-filter for header --- juick-www/src/main/assets/style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'juick-www/src') 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; -- cgit v1.2.3