From c5cfc690ddeb83eccd1fdafd115a3be6e4cc0897 Mon Sep 17 00:00:00 2001 From: "Barry vd. Heuvel" Date: Thu, 22 Aug 2013 13:05:06 +0200 Subject: [PATCH] Add missing methods (rotateX/Y, perspective(-origin) and transform-origin) Added missing mixins: rotateX rotateY perspective perspective-origin transform-origin --- less/mixins.less | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) 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` -- 2.47.2