Jump to content


Problem with syncing Morph animation with text animation

Moderator Tag

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



I'am very new to Greensock and its plugins. First of all, it's simply amazing! However I'm still a noob, and I cannot get something done.


I'm trying to synch the MorphSVG animation (between the icons) and the text animation.


Obviously, I'm doing something wrong, but what?


Is there anybody out there who can assist me in this matter?


Thanks in advance!


Best regards,




See the Pen LNdmxG by purepixels (@purepixels) on CodePen

Link to comment
Share on other sites

Hi purepixels :)


Welcome to the GreenSock forums.


Some of the problems you're seeing are from using delays on the tweens along with a position parameter offset. From() tweens are also a bit tricky sometimes. Since you're basically repeating the same animation 3 times (& then repeating those) a loop would probably work best here. I made a fork of your pen with that solution.


See the Pen LNdBmo by PointC (@PointC) on CodePen


Since we show the dancer right away, the first morph of the first pass actually morphs into itself. That way we can have a seamless repeat by calling the function at the end of each timeline.


For some great reading on from(), please check out this thread.



Please also take a look at Carl's great video about the position parameter.



Hopefully that helps a bit.


Happy tweening and welcome aboard.

  • Like 5
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.