mirror of
https://github.com/micku7zu/vanilla-tilt.js
synced 2024-06-08 16:52:13 +02:00
Revert "Fix wrong axis when checking for blocked axis"
This commit is contained in:
parent
fb1c4af395
commit
9cef241702
|
@ -27,7 +27,7 @@ A smooth 3D tilt javascript library forked from [Tilt.js (jQuery version)](https
|
|||
scale: 1, // 2 = 200%, 1.5 = 150%, etc..
|
||||
speed: 300, // Speed of the enter/exit transition
|
||||
transition: true, // Set a transition on enter/exit.
|
||||
axis: null, // What axis should be disabled. Can be 'x' or 'y'.
|
||||
axis: null, // What axis should be disabled. Can be X or Y.
|
||||
reset: true // If the tilt effect has to be reset on exit.
|
||||
easing: "cubic-bezier(.03,.98,.52,.99)", // Easing on enter/exit.
|
||||
glare: false // if it should have a "glare" effect
|
||||
|
|
2
dist/vanilla-tilt.babel.js
vendored
2
dist/vanilla-tilt.babel.js
vendored
|
@ -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 === "y" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "x" ? 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 === "x" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "y" ? 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
4
dist/vanilla-tilt.js
vendored
|
@ -148,8 +148,8 @@ class VanillaTilt {
|
|||
let values = this.getValues();
|
||||
|
||||
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) " +
|
||||
"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 + ")";
|
||||
|
||||
if (this.glare) {
|
||||
|
|
|
@ -145,8 +145,8 @@ class VanillaTilt {
|
|||
let values = this.getValues();
|
||||
|
||||
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) " +
|
||||
"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 + ")";
|
||||
|
||||
if (this.glare) {
|
||||
|
|
|
@ -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 === "y" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "x" ? 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 === "x" ? 0 : values.tiltY) + "deg) " + "rotateY(" + (this.settings.axis === "y" ? 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%)";
|
||||
|
|
|
@ -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 === "y" ? 0 : values.tiltY) + "deg) " +
|
||||
"rotateY(" + (this.settings.axis === "x" ? 0 : values.tiltX) + "deg) " +
|
||||
"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 + ")";
|
||||
|
||||
if (this.glare) {
|
||||
|
|
Loading…
Reference in a new issue