From 811e045c60ff32afb4b7f287a4b054cf089b94fe Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Wed, 7 Mar 2012 23:50:29 +0100 Subject: [PATCH] perspective as a function for better Firefox support --- js/impress.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/js/impress.js b/js/impress.js index 31d84bf..68eb2fe 100644 --- a/js/impress.js +++ b/js/impress.js @@ -95,6 +95,10 @@ return " scale(" + s + ") "; }; + var perspective = function ( p ) { + return " perspective(" + p + "px) "; + }; + var getElementFromUrl = function () { // get id from url # by removing `#` or `#/` from the beginning, // so both `#slide-id` and "legacy" `#/slide-id` will work @@ -179,7 +183,7 @@ css(root, { top: "50%", left: "50%", - perspective: "1000px" + transform: perspective(1000) }); css(canvas, props); @@ -304,8 +308,7 @@ css(root, { // to keep the perspective look similar for different scales // we need to 'scale' the perspective, too - perspective: step.scale * (1/windowScale) * 1000 + "px", - transform: scale(target.scale * windowScale), + transform: perspective( 1000 / (target.scale * windowScale) ) + scale(target.scale * windowScale), transitionDuration: duration, transitionDelay: (zoomin ? "500ms" : "0ms") });