From: Danny Keane <me@dannykeane.co.uk>
Date: Wed, 28 Mar 2012 14:05:49 +0000 (+0100)
Subject: Added the back-face visibility css property to mixins.less, this property prevents... 
X-Git-Tag: v2.0.3~5^2~67^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F2845%2Fhead;p=thirdparty%2Fbootstrap.git

Added the back-face visibility css property to mixins.less, this property prevents the browser flickered experienced especially in Chrome when using 3D transformations.
---

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) {