Jump to content


TweenLite one element

Recommended Posts

Hey guys,


So i have this element that I want to animate x=50, then when thats done animate x=100.  I cant seem to make it work or figure out how people do it.  It seems to work if I animate the target, then animate another target, then animate the original target again.  


In the codepen im animating the .menu-button

See the Pen dPeVZy by mat148 (@mat148) on CodePen

Link to comment
Share on other sites

Hello mat148, and Welcome to the GreenSock Forum!


You can try and remove your position parameter so your timeline plays in each tween one after the other:


See the Pen QwxaVb by anon (@anon) on CodePen


Also here is a great video by GreenSock on Timeline Tip: Understanding the Position Parameter


Other resources that could help:

i hope this helps! :)

  • Like 1
Link to comment
Share on other sites

Thank you Jonathan I had no idea it was such a simple thing that I needed to change.

Link to comment
Share on other sites

no worries, glad to help :D

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.