Conversion from CSS Transforms to GSAP: Significant Differences
Hey, guys.
I'm having some trouble moving my CSS3 animations to GSAP. I'm new to this animation library so bear with me.
I have several elements starting off-screen and dropping downwards into their final resting places. Each element has its own unique CSS transform string, containing some or all of the following: perspective, rotateX/Y/Z, and skewX/Y.
My first attempt was to use from() and have GSAP do all of the heavy lifting interpolating from a base state I defined in a JSON obje
Aha, this looks like an order-of-operation thing. Let me take a step back and explain the dilemma....
The CSS spec allows you to define a transform string with any order you want (like rotateX(), then rotateY(), then translateX(), then skewX(), or whatever) and it performs them in the order you declare. If you switch the order around, you can get drastically different results visually. This may seem really cool...but for animators, it can be an absolute mess. It's one of those "features" tha
