Open skmasq opened 11 years ago
I stumbled upon bug transitioning same element:
-webkit-transform: matrix(1, 0, 0, 1, -185, -900);
#main-area - scale(1) rotate(0) translate(-185px,-900px) translateZ(0)
$(".viewarea-reset").on('click', function () { $("#main-area").transition({ translate: [0, 0], scale: 0.2346, rotate: 0, duration: 1000 }); });
Coordinates -webkit-transform: matrix(0.2346, 0, 0, 0.2346, 0, 0); element.style - translate(-1031px, -941px) scale(1, 1) rotate(77deg)
-webkit-transform: matrix(0.2346, 0, 0, 0.2346, 0, 0);
element.style - translate(-1031px, -941px) scale(1, 1) rotate(77deg)
$(".route-2", "#developer-toolbar").on('click', function () { $(".starting-page").css("display", "none"); $("#main-area").transition({ scale: 1, rotate: 77, translate: [-1031,-941], duration: 2000 }); });
By giving these coordinates: -webkit-transform: matrix(0.22495105434386492, 0.9743700647852352, -0.9743700647852352, 0.22495105434386492, -1031, -941); element.style - translate(-1031px, -941px) scale(1, 1) rotate(77deg) But it should be: -webkit-transform: matrix(0.22495105434386492, 0.9743700647852352, -0.9743700647852352, 0.22495105434386492, 684.9576939343817, -1216.2544789311544); element.style - scale(1, 1) rotate(77deg) translate(-1031px, -941px)
-webkit-transform: matrix(0.22495105434386492, 0.9743700647852352, -0.9743700647852352, 0.22495105434386492, -1031, -941);
-webkit-transform: matrix(0.22495105434386492, 0.9743700647852352, -0.9743700647852352, 0.22495105434386492, 684.9576939343817, -1216.2544789311544);
element.style - scale(1, 1) rotate(77deg) translate(-1031px, -941px)
I stumbled upon bug transitioning same element:
-webkit-transform: matrix(1, 0, 0, 1, -185, -900);
#main-area - scale(1) rotate(0) translate(-185px,-900px) translateZ(0)
Coordinates
-webkit-transform: matrix(0.2346, 0, 0, 0.2346, 0, 0);
element.style - translate(-1031px, -941px) scale(1, 1) rotate(77deg)
By giving these coordinates:
-webkit-transform: matrix(0.22495105434386492, 0.9743700647852352, -0.9743700647852352, 0.22495105434386492, -1031, -941);
element.style - translate(-1031px, -941px) scale(1, 1) rotate(77deg)
But it should be:-webkit-transform: matrix(0.22495105434386492, 0.9743700647852352, -0.9743700647852352, 0.22495105434386492, 684.9576939343817, -1216.2544789311544);
element.style - scale(1, 1) rotate(77deg) translate(-1031px, -941px)