Jump to content


SVG Example

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



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? 



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

Link to comment
Share on other sites

Hi and Welcome to the GreenSock forums,


Here is a much simpler example



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/

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.