TimelineLite negative delay ?

[Reemak]

Hello,

I have a timelinelite with 4 tweens appended to it, and i would like to make the second one start like 0.5 s before first one ends etc.

How can i do that please ?

 

I tried setting a negative delay but it won't work...

 

var timingnumbers = 4;

 

var timelinenumbers = new TimelineLite();

timelinenumbers.append( TweenLite.fromTo($("#num01"), timingnumbers,{css:{left:-441}}, {css: {left:850}} ) );

timelinenumbers.append( TweenLite.fromTo($("#num02"), timingnumbers,{css:{left:854}}, {css: {left:-520}}, {delay:-0.5} ) );

timelinenumbers.append( TweenLite.fromTo($("#num03"), timingnumbers,{css:{left:-450}}, {css: {left:851}}, {delay:-0.5} ) );

timelinenumbers.append( TweenLite.fromTo($("#num04"), timingnumbers,{css:{left:852}}, {css: {left:-520}}, {delay:-0.5} ) );

[Reemak]

I got, only the syntax was wrong :

 

timelinenumbers.append( TweenLite.fromTo($("#num02"), timingnumbers,{css:{left:854}}, {css: {left:-520}}, -0.5 ) );

 

 

works fine !

[GreenSock]

Yep, you're exactly right. And if you want to make your code even more concise, you can use the fromTo() convenience method of TimelineLite:

 

timelinenumbers.fromTo( $("#num02"), timingnumbers, {css:{left:854}}, {css: {left:-520}}, -0.5 );

 

(but there's nothing wrong with doing a regular append() - I just wanted to point out the convenience method in case it was helpful)