From 2165ab262085c4c7e072453cbcaaed763742c94c Mon Sep 17 00:00:00 2001
From: Danny Keane <me@dannykeane.co.uk>
Date: Wed, 28 Mar 2012 15:05:49 +0100
Subject: [PATCH] Added the back-face visibility css property to mixins.less,
this property prevents the browser flickered experienced especially in Chrome
when using 3D transformations.
---
less/mixins.less | 9 +++++++++
1 file changed, 9 insertions(+)
diff --git a/less/mixins.less b/less/mixins.less
index 0074e89241..0ca4a555e1 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -249,6 +249,15 @@
transform: translate(@x, @y, @z);
}
+// Back-face Visibility
+// This prevents the browser flickering when using to CSS transformations
+.backface-visibility(@visibility){
+ -webkit-backface-visibility: @visibility;
+ -moz-backface-visibility: @visibility;
+ -ms-backface-visibility: @visibility;
+ backface-visibility: @visibility;
+}
+
// Background clipping
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
.background-clip(@clip) {
--
GitLab