Jump to content


How can i make animation timeline without using delays

Go to solution Solved by PointC,

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 have made a Animation to load up the website with and I wanted to make i cleaner so i was wondering if i can remove the delays in the timeline, I use it now to start the animation with after the previous tween ends with playing. 
can you guys make it logic and if you did can you explain me how you did it. it Would help me alot

See the Pen EZrRbY by amirhanif (@amirhanif) on CodePen

Link to comment
Share on other sites

  • Solution

Hi AmirDevv :)


Welcome to the GreenSock forum.


Your pen is not actually using a timeline. You're just using tweens. You'll need to make one small change and then you can remove all the delays. Please change line 2 of your JavaScript:

// from this
tl = TweenMax;

// to this
tl = new TimelineMax();

After that you can remove all the delays from the tweens. If you need more time between tweens or need them to overlap, you can use the position parameter. More info about that here:




Happy tweening.


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