aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDanny Keane <[email protected]>2012-03-28 15:05:49 +0100
committerDanny Keane <[email protected]>2012-03-28 15:05:49 +0100
commit2165ab262085c4c7e072453cbcaaed763742c94c (patch)
tree880686938380fd61e0f1cb5ea4a78166a48a2a7c
parentd335adf644b213a5ebc9cee3f37f781ad55194ef (diff)
downloadbootstrap-2165ab262085c4c7e072453cbcaaed763742c94c.tar.xz
bootstrap-2165ab262085c4c7e072453cbcaaed763742c94c.zip
Added the back-face visibility css property to mixins.less, this property prevents the browser flickered experienced especially in Chrome when using 3D transformations.
-rw-r--r--less/mixins.less9
1 files changed, 9 insertions, 0 deletions
diff --git a/less/mixins.less b/less/mixins.less
index 0074e8924..0ca4a555e 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) {