gsap动画 to方法多个动画gsap动画 to方法多个动画会覆盖会覆盖

GSAP (GreenSock Animation Platform) 是一款强大的JavaScript动画库，它提供了一种直观的方式来创建高性能的CSS和JavaScript动画。当你使用 `to()` 方法添加多个动画到同一个元素时，每个新的 `to()` 调用会被添加到当前正在运行的队列中，不会立即替换之前设置的动画。这意味着多个动画会按顺序执行，它们并不会互相覆盖。

例如：

const myElement = document.getElementById('myElement');

// 第一个动画
TweenMax.to(myElement, 2, { property1: 'value1', delay: 1 });

// 第二个动画
TweenMax.to(myElement, 1, { property2: 'value2', delay: 0.5 });

在这个例子中，首先会有一个2秒的动画(`property1`的变化)，然后紧接着是一个1秒的动画(`property2`的变化)。第一个动画结束后才会开始第二个动画，并不会改变之前动画的效果。

如果你想同时播放所有动画，可以考虑使用 `chain()` 或 `delayedCall()` 方法。但是默认情况下，`to()` 的多个调用会累积动画效果。