From 696f5d632e259b192b58274823693f7754471f9f Mon Sep 17 00:00:00 2001 From: Arnaud Bosc Date: Thu, 30 Oct 2014 14:29:59 +0100 Subject: [PATCH 1/2] - Add a use3dTransform option to disable 3d transforms at will. --- jquery.transit.js | 10 +++++++--- test/index.html | 2 ++ 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/jquery.transit.js b/jquery.transit.js index 67e05e4..605674a 100644 --- a/jquery.transit.js +++ b/jquery.transit.js @@ -40,6 +40,9 @@ // Will simply transition "instantly" if false enabled: true, + // Use 3d transform + use3dTransform: true, + // Set this to false if you don't want to use the transition end property. useTransitionEnd: false }; @@ -166,7 +169,7 @@ // translate is affectede, but not risking it. Detection code from // http://davidwalsh.name/detecting-google-chrome-javascript if (support.transform === 'WebkitTransform' && !isChrome) { - elem.style[support.transform] = value.toString(true); + elem.style[support.transform] = value.toString($.transit.use3dTransform); } else { elem.style[support.transform] = value.toString(); } @@ -434,8 +437,9 @@ for (var i in this) { if (this.hasOwnProperty(i)) { - // Don't use 3D transformations if the browser can't support it. - if ((!support.transform3d) && ( + // Don't use 3D transformations if the browser can't support it + // or if the use3dTransform option is false. + if ((!support.transform3d || !$.transit.use3dTransform) && ( (i === 'rotateX') || (i === 'rotateY') || (i === 'perspective') || diff --git a/test/index.html b/test/index.html index ac4a924..3929185 100644 --- a/test/index.html +++ b/test/index.html @@ -52,6 +52,8 @@

jQuery transit tests