Hey all,
It should be no secret that GSAP does a ton of work to get around SVG-related browser bugs and some serious heavy lifting to make working with SVG as similar to DOM/CSS as possible. We did our best to outline these strengths here: http://greensock.com/svg-tips
However, the workflow of designing an SVG in Illustrator (or other programs) and getting it to play nice can be a little challenging. Why is illustrator renaming my layers? Why did it put a transform on that thing? Why is
A quick tip for reversing path points in Adobe Illustrator.
Open path: select the pen tool and click on the first point of your path and it will reverse the points.
Closed path: right click the path and make it a compound path, choose menu-window-attributes and then use the Reverse Path Direction buttons.
(Note: If the Path Direction buttons are not visible in the attributes panel, click the upper right menu of that panel and choose 'Show All')