Fix wrong axis when checking for blocked axis

ragtam · Jun 23, 2017 · cfaa264 · cfaa264
1 parent 757629e
commit cfaa264
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/dist/vanilla-tilt.babel.js b/dist/vanilla-tilt.babel.js
@@ -155,7 +155,7 @@ var VanillaTilt = function () {
   VanillaTilt.prototype.update = function update() {
     var values = this.getValues();
 
-    this.element.style.transform = "perspective(" + this.settings.perspective + "px) " + "rotateX(" + (this.settings.axis === "x" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "y" ? 0 : values.tiltX) + "deg) " + "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
+    this.element.style.transform = "perspective(" + this.settings.perspective + "px) " + "rotateX(" + (this.settings.axis === "y" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "x" ? 0 : values.tiltX) + "deg) " + "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
 
     if (this.glare) {
       this.glareElement.style.transform = "rotate(" + values.angle + "deg) translate(-50%, -50%)";

diff --git a/dist/vanilla-tilt.js b/dist/vanilla-tilt.js
@@ -148,8 +148,8 @@ class VanillaTilt {
     let values = this.getValues();
 
     this.element.style.transform = "perspective(" + this.settings.perspective + "px) " +
-      "rotateX(" + (this.settings.axis === "x" ? 0 : values.tiltY) + "deg) " +
-      "rotateY(" + (this.settings.axis === "y" ? 0 : values.tiltX) + "deg) " +
+      "rotateX(" + (this.settings.axis === "y" ? 0 : values.tiltY) + "deg) " +
+      "rotateY(" + (this.settings.axis === "x" ? 0 : values.tiltX) + "deg) " +
       "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
 
     if (this.glare) {

diff --git a/lib/vanilla-tilt.es2015.js b/lib/vanilla-tilt.es2015.js
@@ -145,8 +145,8 @@ class VanillaTilt {
     let values = this.getValues();
 
     this.element.style.transform = "perspective(" + this.settings.perspective + "px) " +
-      "rotateX(" + (this.settings.axis === "x" ? 0 : values.tiltY) + "deg) " +
-      "rotateY(" + (this.settings.axis === "y" ? 0 : values.tiltX) + "deg) " +
+      "rotateX(" + (this.settings.axis === "y" ? 0 : values.tiltY) + "deg) " +
+      "rotateY(" + (this.settings.axis === "x" ? 0 : values.tiltX) + "deg) " +
       "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
 
     if (this.glare) {

diff --git a/lib/vanilla-tilt.js b/lib/vanilla-tilt.js
@@ -154,7 +154,7 @@ var VanillaTilt = function () {
   VanillaTilt.prototype.update = function update() {
     var values = this.getValues();
 
-    this.element.style.transform = "perspective(" + this.settings.perspective + "px) " + "rotateX(" + (this.settings.axis === "x" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "y" ? 0 : values.tiltX) + "deg) " + "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
+    this.element.style.transform = "perspective(" + this.settings.perspective + "px) " + "rotateX(" + (this.settings.axis === "y" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "x" ? 0 : values.tiltX) + "deg) " + "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
 
     if (this.glare) {
       this.glareElement.style.transform = "rotate(" + values.angle + "deg) translate(-50%, -50%)";

diff --git a/src/vanilla-tilt.js b/src/vanilla-tilt.js
@@ -145,8 +145,8 @@ export default class VanillaTilt {
     let values = this.getValues();
 
     this.element.style.transform = "perspective(" + this.settings.perspective + "px) " +
-      "rotateX(" + (this.settings.axis === "x" ? 0 : values.tiltY) + "deg) " +
-      "rotateY(" + (this.settings.axis === "y" ? 0 : values.tiltX) + "deg) " +
+      "rotateX(" + (this.settings.axis === "y" ? 0 : values.tiltY) + "deg) " +
+      "rotateY(" + (this.settings.axis === "x" ? 0 : values.tiltX) + "deg) " +
       "scale3d(" + this.settings.scale + ", " + this.settings.scale + ", " + this.settings.scale + ")";
 
     if (this.glare) {