Add delay between tweens

[skill]

Let's say i've got this:

 

tl.from(root.text1_mc, 2, {scaleX:0.0, scaleY:0.0, opacity:0, ease:Elastic.easeOut},0);

tl.to(root.text1_mc, 1, {scaleX:0.0, scaleY:0.0, opacity:0, ease:Back.easeOut},1);

 

it's showing me a movieclip, and it goes away immediately.

 

I want to have it like this:

 

tl.from(root.text1_mc, 2, {scaleX:0.0, scaleY:0.0, opacity:0, ease:Elastic.easeOut},0);

PAUSE FOR 10 SECONDS, then continue on the timeline with this:

tl.to(root.text1_mc, 1, {scaleX:0.0, scaleY:0.0, opacity:0, ease:Back.easeOut},1);

 

 

I've tried some commands like pause, paused, but I can't figure it out. How to do this?

[Shaun Gorneau]

Have a look at the delay property. Here's a codepen demonstrating a delay on the second tween in a timeline

 

See the Pen pNoKJJ by sgorneau (@sgorneau) on CodePen

[trsh]

THanks!

[Shrug ¯\_(ツ)_/¯]

@trsh  You can also use the position parameter to add +/- offsets. The following tutorial may be beneficial to you also.

 

https://css-tricks.com/tips-for-writing-animation-code-efficiently/