GSAP 补间无法正常工作.设置持续时间不起作用

GSAP tween not working correctly. Set duration has no effect

本文关键字：工作 设置 不起作用 持续时间 常工作 GSAP      更新时间：2023-09-26

我正在尝试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包含在下面的小提琴中。

任何帮助，不胜感激。 这是小提琴。

将

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

相关文章：