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 {
#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;
}
}
}
}