javascript - 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 包含在我下面的 fiddle 中。

感谢任何帮助。 here是 fiddle 。

Answer 1

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