From 7078fa4452aac947aa0f034b65e12e4edcfe2bb0 Mon Sep 17 00:00:00 2001 From: Chhatoi Pritam Baral Date: Sun, 29 May 2016 17:13:29 +0530 Subject: [PATCH] Improve preloader performance on non-accelerated platforms Using the backface-visibility property causes 2D elements and transforms to be elevated to a 3D context. Since the only transform being used is rotate(Xdeg), which is a 2D transform, there is no need to incur the extra performance penalty. --- src/app/theme/sass/_preloader.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/app/theme/sass/_preloader.scss b/src/app/theme/sass/_preloader.scss index d8adea99..87970996 100644 --- a/src/app/theme/sass/_preloader.scss +++ b/src/app/theme/sass/_preloader.scss @@ -33,7 +33,6 @@ height: 100%; z-index: 1000; background: #000000; - backface-visibility: hidden; & > div { display: block; position: relative; @@ -45,9 +44,7 @@ border-radius: 50%; border: 3px solid transparent; border-top-color: $danger; - backface-visibility: hidden; transform: translate3d(0, 0, 0); - backface-visibility: hidden; animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ &:before { content: "";