CODEWITHSUNDEEP
javascriptgsap
Wed
Wed

Reputation: 342

How to change my second Greensock animation in timeline to start 1 second earlier

How to change my second Greensock animation in timeline to start 1 second earlier, like fill to start 1 second before drawing lines finished.

This is my code:

TweenLite.set(".blue-line, .yellow-line", {visibility:"visible"});

var tl = new 
TimelineMax();
tl.from(".blue-line, .yellow-line", 3, {drawSVG:0, ease:Power1.easeInOut})
.to(".blue-fill, .yellow-fill", 1, {css:{opacity:1}, ease:Linear.easeIn});

TweenLite.render();

Upvotes: 0

Views: 80

Answers (1)

gugateider
gugateider

Reputation: 2049

var tl = new TimelineMax();
tl.from(".blue-line, .yellow-line", 3, {drawSVG:0, ease:Power1.easeInOut})
tl.to(".blue-fill, .yellow-fill", 1, {css:{opacity:1}, ease:Linear.easeIn} , "-=1");

Adding "-=1" to the end of your 'to' method then the stagger will work.

https://greensock.com/docs/TimelineMax

Upvotes: 2

Related Questions