Question

我是 GSAP 的新手，我认为这太棒了。但是我无法弄清楚如何分别淡出这些项目。

第一个（这很好）第二个希望在特定时间淡入，第三个在某个时间淡入。

JavaScript的：

function startFinalAnimation(){
    var fa = new TimelineLite();
    fa.to(finalAvatar, 2, {scale: 0.45, delay: 0, opacity: 1, transformOrigin:"-3% 8.8%"});
    fa.to(finalContent, 4, {delay: 0, opacity: 1});
    fa.to(logo, 5, {delay: 0, opacity: 1});
}

Answer 1

TimelineLite ＆＃39; .to()方法语法如下：

((TextView)view.findViewById(R.id.address)).setVisibility(View.GONE);
((TextView)view.findViewById(R.id.contact)).setVisibility(View.GONE);

此第四个timeline.to(target, duration, vars, position);参数可用于准确定位您希望补间显示的位置。例如，您可以这样做：

position

在这里，function startFinalAnimation(){ var fa = new TimelineLite(); fa.to(finalAvatar, 2, { scale: 0.45, opacity: 1, transformOrigin:"-3% 8.8%" }); fa.to(finalContent, 4, { opacity: 1 }, '-=1'); fa.to(logo, 5, { opacity: 1 }, '-=2'); }（和-=1）基本上告诉动画应该以{{1}}秒的重叠添加到前一个动画的结尾，而不是默认这是在先前添加的动画的最后附加。

可以通过多种方式提供-=2。上面，我使用了1。其他选项（取自下面提供的链接）：

绝对时间（1）。

相对于允许间隙（＆＃34; + = 1＆＃34;）或重叠（＆＃34; - = 1＆＃34;）的时间轴的结尾。

在标签处（＆＃34; someLabel＆＃34;）。

相对于标签（＆＃34; someLabel + = 1＆＃34;）。

在此处详细了解position参数：Timeline Tip: Understanding the Position Parameter。

使用Greensock Tween在不同的项目和不同的时间淡入淡出

1 个答案: