From: Barry vd. Heuvel Date: Thu, 22 Aug 2013 11:05:06 +0000 (+0200) Subject: Add missing methods (rotateX/Y, perspective(-origin) and transform-origin) X-Git-Tag: v3.0.1~48^2^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=c5cfc690ddeb83eccd1fdafd115a3be6e4cc0897;p=thirdparty%2Fbootstrap.git Add missing methods (rotateX/Y, perspective(-origin) and transform-origin) Added missing mixins: rotateX rotateY perspective perspective-origin transform-origin --- diff --git a/less/mixins.less b/less/mixins.less index c18e7c49b4..c778dd04d4 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -153,6 +153,33 @@ transform: translate3d(@x, @y, @z); } +.rotateX(@degrees) { + -webkit-transform: rotateX(@degrees); + -ms-transform: rotateX(@degrees); // IE9+ + transform: rotateX(@degrees); +} +.rotateY(@degrees) { + -webkit-transform: rotateY(@degrees); + -ms-transform: rotateY(@degrees); // IE9+ + transform: rotateY(@degrees); +} +.perspective(@perspective) { + -webkit-perspective: @perspective; + -moz-perspective: @perspective; + perspective: @perspective; +} +.perspective-origin(@perspective) { + -webkit-perspective-origin: @perspective; + -moz-perspective-origin: @perspective; + perspective-origin: @perspective; +} +.transform-origin(@origin){ + -webkit-transform-origin: @origin; + -moz-transform-origin: @origin; + transform-origin: @origin; +} + + // Backface visibility // Prevent browsers from flickering when using CSS 3D transforms. // Default value is `visible`, but can be changed to `hidden`