fix CSS blur filter due to performance issue in Firefox

This commit is contained in:
Andrew Banchich 2020-05-17 19:41:14 -04:00
parent 379eb6efbf
commit 0b9991ca70
1 changed files with 10 additions and 3 deletions

View File

@ -146,8 +146,15 @@
} }
body.is-menu-visible { body.is-menu-visible {
#wrapper { #wrapper {
@include vendor('filter', 'blur(0.5em)'); -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 { #menu {
@ -161,4 +168,4 @@
visibility: visible; visibility: visible;
} }
} }
} }