Jump to content


issue in nesting timeline

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 nesting timeline.


code is like:





nestedTimeline1 = new TimelineMax({repeat:1});


// initially obj2 is with opacity :0








when i do:



my animation will start from first. But the issues is obj2 opacity will not be reset to 0.


i am not able to understand why this issue is coming???


any solution will be greatly appreciated..

Link to comment
Share on other sites

It looks like the problem is that you've set up conflicting tweens. In nestedTimeline, you append a tween of obj2 that controls its opacity, and then you append another one and overlap it by 0.8 seconds and that tween ALSO controls the opacity, making it go to a completely different value. So that second tween overwrites (and kills) the first one.


Is there a reason you're overlapping those tweens by 0.8 seconds? If you don't overlap them, you should be fine.

Link to comment
Share on other sites

Thanx for the reply.


The animation was like that:

the object will be hidden initially and then it will be visible later before reaching the end of animation it should again disappear.


Ya the reason was the given delay.. It got resolved.


Cheers :-)

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.