Javascript 如何在GSAP中结合交错和时间线

Javascript 如何在GSAP中结合交错和时间线,javascript,animation,gsap,Javascript,Animation,Gsap,在使用GSAP时尝试实现交叉衰落滑块, 我能够为一张幻灯片制作动画,而不能为其他幻灯片制作动画,基本上很难将时间线和交错相结合 代码笔:` //实例化TimelineMax const tl=新的时间线最大值({repeat:-1}); tl.to('.test',2,{opacity:1,scale:1,ease:Power0.easeNone}) .to('.test',4,{scale:1.5,ease:Power0.easeNone},) .to('.test',2,{opacity:

在使用GSAP时尝试实现交叉衰落滑块, 我能够为一张幻灯片制作动画,而不能为其他幻灯片制作动画,基本上很难将时间线和交错相结合

代码笔:`

//实例化TimelineMax
const tl=新的时间线最大值({repeat:-1});
tl.to('.test',2,{opacity:1,scale:1,ease:Power0.easeNone})
.to('.test',4,{scale:1.5,ease:Power0.easeNone},)
.to('.test',2,{opacity:0,scale:1,scale:1,ease:Power0.easeNone})
img{
/*宽度:100%;
身高:100%*/
位置:绝对位置;
排名:0;
左:0;
}
img:第一个孩子{
职位:相对
}
div{
宽度:400px;
高度:200px;
溢出:隐藏;
位置:相对位置;
}
.测试{
//不透明度:0;
}

您可以尝试使用位置参数或交错法来创建重叠。尽管根据您的代码,position参数似乎是一个更好的选择:

最后,我的目的不是劝阻人们在这里提出与GSAP相关的问题,您将在GreenSock论坛获得更好更快的支持:


您可以尝试使用位置参数或
交错法来创建重叠。尽管根据您的代码,position参数似乎是一个更好的选择:

最后,我的目的不是劝阻人们在这里提出与GSAP相关的问题,您将在GreenSock论坛获得更好更快的支持: