deblan-mirror/vanilla-tilt.js
deblan-mirror/vanilla-tilt.js
1
0
Fork 0
mirror of https://github.com/micku7zu/vanilla-tilt.js synced 2024-06-09 01:02:13 +02:00
Code Issues Projects Releases Wiki Activity

Fix wrong axis when checking for blocked axis

Browse source
This commit is contained in:
Jorge Marin 2017-06-23 19:34:57 +00:00 committed by Jorge Marin
parent 757629e548
commit cfaa264f3d
5 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/vanilla-tilt.babel.js vendored
View file

@ -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%)";

4
dist/vanilla-tilt.js vendored
View file

@ -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) {

4
lib/vanilla-tilt.es2015.js
View file

@ -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) {

2
lib/vanilla-tilt.js
View file

@ -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%)";

4
src/vanilla-tilt.js
View file

@ -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) {