From 0b9991ca70cf09d9c667b33146e38d9b405541f7 Mon Sep 17 00:00:00 2001 From: Andrew Banchich Date: Sun, 17 May 2020 19:41:14 -0400 Subject: [PATCH] fix CSS blur filter due to performance issue in Firefox --- _sass/layout/_menu.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/_sass/layout/_menu.scss b/_sass/layout/_menu.scss index e53f21f..890b9f7 100644 --- a/_sass/layout/_menu.scss +++ b/_sass/layout/_menu.scss @@ -146,8 +146,15 @@ } body.is-menu-visible { - #wrapper { - @include vendor('filter', 'blur(0.5em)'); + #wrapper { + -webkit-backface-visibility: hidden; + -webkit-perspective: 1000; + -webkit-transform: translate3d(0,0,0); + -webkit-transform: translateZ(0); + backface-visibility: hidden; + perspective: 1000; + transform: translate3d(0,0,0); + transform: translateZ(0); } #menu { @@ -161,4 +168,4 @@ visibility: visible; } } - } \ No newline at end of file + }