GSAP 补间无法正常工作。设置持续时间无效

Question

我正在试用 GSAP 动画库。根据basic docs，启动和运行补间的语法是：

TweenLite.to( [target object], [duration in seconds], [destination values] )

所以我尝试了一个基于 jQuery 悬停事件的非常简单的补间：

$('.contact-item').hover(function(){
    TweenLite.to(this,4,{background:'#671B4B'});
},function(){
    TweenLite.to(this,4,{background:'#FFFFFF'});
});

奇怪的是，背景确实会变成正确的颜色，但它会立即补间，而不是像我在第二个参数中指定的那样在 4 秒内补间。

我确实检查了以确保持续时间以秒为单位而不是毫秒。它在我链接到的文档中。我还确保我使用的是 TweenLite 而不是 TweenMax。我正在使用 jQuery，但在控制台中看不到任何冲突或错误。我还确保 CSSPlugin 包含在下面的小提琴中。

感谢任何帮助。 here 是小提琴。

Answer 1

将background 更改为backgroundColor 应该可以解决您的问题。 [Link]。