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
SVG Mask Animations and a slight rotation
This has popped up several times in the forum so I thought I'd drop it into this thread. Some of the browsers are getting fussy with SVG mask animations. This is especially true of DrawSVG stroke masks. You should add a slight rotation to the mask element as it animates to force the browser to redraw the mask. Right now Edge is the biggest offender, but the way Chrome has been adding bugs with each release, it may not be long before they call