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

Question

我正在尝试GSAP动画库。 根据基本文档 ，启动补间和运行的语法为：

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 。

任何帮助表示赞赏。 这是小提琴。

Answer 1

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