devol/devol.it
1
0
Fork 0
mirror of https://github.com/devolitalia/forty-jekyll-theme synced 2025-01-06 21:31:10 +01:00
Code Issues Releases Wiki Activity

fix CSS blur filter due to performance issue in Firefox

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_sass/layout/_menu.scss
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;
} }
} }
} }