Enable hardware-acceleration for background image scroll

TryGhost · Oct 9, 2020 · cb803d4 · cb803d4
1 parent f313392
commit cb803d4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/assets/main/css/main.css b/assets/main/css/main.css
diff --git a/assets/main/sass/layout/_wrapper.scss b/assets/main/sass/layout/_wrapper.scss
@@ -25,6 +25,10 @@
 			background-repeat:		repeat,								no-repeat,													no-repeat;
 			background-attachment:	scroll,								scroll,														scroll;
 			z-index: -1;
+            backface-visibility: hidden;
+            perspective: 1000;
+            transform-style: preserve-3d;
+            will-change: transform;
 
 			&.fixed {
 				position: fixed;