Nested Timeline Help

[jeff4gee 7 Likes (Newbie)]

I know this is a rookie question but does someone know where to find information or knows how to setup up a basic nested TimelineMax? Any help would be appreciated. Thanks.

[Carl 11,324 Likes (Superhero)]

no problem, you just use the add() method.

 

 

var main, child1, child2;

//create nested timeline
child1 = new TimelineMax();
child1.to("#box1", 1, {rotation:360})
.to("#box1", 1, {scale:2, top:200})

main = new TimelineMax({repeat:2, repeatDelay:0.5, yoyo:true});
main.to("#box0", 1, {top:100})
     //add nested timeline
    .add(child1)
    .to("#box0", 1, {left:300})

 

 

Check out this codepen example:

See the Pen 3eba61b98a43971cd08a63d12e002eb3 by GreenSock (@GreenSock) on CodePen

 

hit the "run" button to replay

[jeff4gee 7 Likes (Newbie)]

Thanks. I tried this and it worked beautifully.