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

Question

我正在试用 GSAP 动画库。根据 basic docs 获取 tween up 和运行的语法是：

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].

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

GSAP tween not working correctly. Set duration has no effect

javascript

jquery

animation

gsap