SVG Example

[cbourne]

Hi,

 

Is there a simple GSAP example that demonstrates animating SVG sprites using CSS loaded from .svg files? I've seen the Kiwi () example, but it seems a little convoluted and seems to use a lot of CSS trickery. Is there anything a little more simple? 

 

Carl

See the Pen gpDrC by GreenSock (@GreenSock) on CodePen

[Carl]

Hi and Welcome to the GreenSock forums,

 

Here is a much simpler example

http://codepen.io/GreenSock/pen/LEVGRz/

 

I am not really sure what you mean by "CSS loaded from svg files"

 

If you need help with something specific, please create a simple demo that we can look at and work with as explained here: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/ 

 

Also be sure to read this article that explains how GSAP handles transform-origin with SVG child elements: http://css-tricks.com/svg-animation-on-css-transforms/