I am having this problem while trying to make a very simple transform.
On the code, I simply have:
.to('#left-gate', {
transformOrigin: 'center left',
transform: 'rotateY(180deg)',
});
On the browser, when I inspect, I have:
My transform is being altered to use the matrix format. How can I either force gsap to use the rotateY transform or to make the matrix transformation without the weird middle behaviour?
bug.webm