Javascript CSS动画覆盖Greensock tweens

我有一个GSAP TweenMax时间线，我在其中选择id为平面的SVG多边形，并使用时间线为其设置动画。但是，如果我在css中加入“#plane{animation:fly plane 2s 0s 20 alternate ease in out forwards；}”，那么css会覆盖并完全关闭GSAP动画。这正常吗？我还没有找到其他关于这个的帖子，所以我猜没有

var plane = document.querySelector("#plane"),
  tl = new TimelineMax({ repeat: -1 });

tl.to(plane, 1, { xPercent: 50, width: 200, autoAlpha: 0.5 });

@关键帧飞行平面{
0% {
转换：translateX（0px）；
}
50% {
转换：translateX（50px）；
}
100% {
转换：translateX（100px）；
}
}
#飞机{
动画：飞行飞机2s0s20交替缓进缓出向前；
}

---

它与类有着相同的行为，顺便说一句，这听起来很正常-你告诉CSS在同一元素的相同属性（转换）上设置与GSAP完全不同的值。所以他们在为控制权而战。我对你期望发生的事感到困惑

不过，宽度和不透明度仍应由GSAP控制，因为您只是在与“transform”进行斗争：

如果你需要更多的帮助，最好的地方可能是在

快乐的吐温