SVG Animation and origin problems
Wow, my first post on GreenSock forum!
Hello everybody!!!
After long studies and offline test, i had try something more "advanced" (for me).
I want, starting from a free svg that i found online, animate a robot.
In the codepen url you can find my first test.
All work fine, but i hate the starting setting with all the reset for the head and arms of the robot. I think that should exist a better and cleaner solution to do the same things!
I have try to play with transformOrigin and svgO
Hello,
Just to add my two cents to Dipscom great advice.
Have you tried to use the special property svgOrigin which is part of the GSAP CSSPlugin. It helps with the various browser bugs that deal with transform-origin bugs. svgOrigin fills the gap to fix various transform-origin bugs. Recommended for use with SVG elements to resolve bugs. convert your transformOrigin to svgOrigin. Or play to see which one gives you the best on your SVG child elements.
Also what browser / browser ver
