javascript - 如何将时间轴中的第二个 Greensock 动画更改为提前 1 秒开始

Question

如何将时间轴中的第二个 Greensock 动画更改为提前 1 秒开始，例如填充在绘制线条完成前 1 秒开始。

这是我的代码:

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();

Answer 1

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");

将“-=1”添加到“to”方法的末尾，然后交错将起作用。

https://greensock.com/docs/TimelineMax