动画完成后的TweenMax

TweenMax after animation finished

本文关键字：TweenMax 动画      更新时间：2023-09-26

当第一个动画在那之后完成时，我希望在同一目标上再做一个动画。

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'});

这方面的最佳实践是什么？

GSAP使它变得简单&简单的CCD_ 2。您只需要使用相同的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'});
};

演示

相关文章：