TweenMax после завершения анимации

Question

Когда первая анимация будет выполнена после этого, я хочу еще одну анимацию на той же цели.

var lnk = document.querySelector('#clickme'); 
var tl = new TimelineMax(); 

lnk.addEventListener('click', go, false); 

function go(){ 
    tl.to('.glasko', 1, {width: 500, height: 500}); 
}; 

После этого я хочу изменить цвет фона div.

tl.to('.glasko', 2, {backgroundColor: 'red'}); 

Что лучше всего подходит для этого?

Answer 1

GSAP позволяет легко & простой с TimelineMax. Вам просто нужно записать вторую анимацию после первой анимации, используя тот же пример TimelineMax, и это лучший подход.

var lnk = document.querySelector('#clickme'); 
var tl = new TimelineMax(); 

lnk.addEventListener('click', go, false); 

function go(){ 
    tl.to('.glasko', 1, {width: 500, height: 500}); 
    tl.to('.glasko', 2, {backgroundColor: 'red'}); 
}; 

demo