I am trying to rotate a Z rotated element on the X/Y axis + perspective and transform-origin, and just can't get the GSAP result to be the same as with the CSS animation result.
(My question relate to the attached codepen)
In CSS I can first rotate the X component and only then apply the Z rotation, which creates a different animation than the other way around.
GSAP (as far as I know) has a fixed transforms order (I remember @GreenSock writing about it years ago), but still, I tried and tried and wasn't able to get the same animation in both CSS and GSAP (using a single element)
Thanks!