Как изменить мою вторую анимацию Greensock на временной шкале, чтобы начать на 1 секунду раньше - PullRequest
0 голосов
/ 23 ноября 2018

Как изменить мою вторую анимацию Гринсока на временной шкале, чтобы она начиналась на 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();

1 Ответ

0 голосов
/ 23 ноября 2018
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

...