timelinemax

0热度

1回答

当前动画序列的进展情况我使用timelinemax如下执行一系列的补间： this.backgroundColorTimeline = new TimelineMax({ repeat: -1, yoyo: true, onUpdate:this.updateTimeline, }); palette.bg.forEach((paletteColor) => {

2热度

1回答

GreenSock TimelineMax早点开始

我一直试图让动画点击开火，我已经通过TimelineMax创建了动画。我看不出为什么，但它始终触发此动画的第一个实例，有5个.blackout面板，它会自动为第一个.blackout面板播放动画，但我不知道为什么 - 我想要全部通过点击来控制动画。 var showBarsTL = new TimelineMax({ paused: true, onComplete: killAnimation

0热度

1回答

如何根据数据属性播放最大绿色时间轴

目前我没有在绿色论坛上得到答案。我有一个搜索栏，它应该通过点击一个图标来展开，然后再次关闭，当点击正文的任何地方时，但只有当搜索栏被展开时。当我打开我面临关闭动画两个问题搜索栏：（1）当我的身体元素上点击而关闭动画正在运行的关闭动画被重置了。（2）即使搜索栏未展开，关闭动画也会运行。我试图通过向不同状态的容器添加一个数据属性来解决这个问题（open，true/false），但不知何故它

0热度

1回答

GreenSock TimelineMax在Safari和Firefox中不工作的路径元素

我想要创建几个我在JavaScript/jQuery中创建和追加的路径元素。然后我使用时间轴来逐一对这些元素进行动画制作（使用不同的值，所以我不能使用交错）。最后，我不想播放完整的时间线，只是其中的一部分。这在Chrome中运行得很好，但不在Safari和Firefox中，我找不出原因。这里是一个CodePen： http://codepen.io/elisabeth_hamel/pen/kX

0热度

1回答

GSAP在一个函数中暂停动画

我有一组按钮，点击时会显示一种弹出式和一些简单的动画。每个弹出窗口都包含大部分内容的相同动画。每个弹出窗口也有它自己的一组动画，所以我已经完成了以下工作以使其正常工作。 $gridTitles.click(function() { const tl = new TimelineMax(); const $pop = $(this).next('.grid__pop');

0热度

1回答

在tweenmax的onComplete功能

多个时间表与tweenmax的onComplete功能scrollmagic scrollmagic多个时间轴没有这个代码scrollmagic控制器上工作 .add(TweenLite.fromTo ('.title2' , 0.3, {css:{opacity:0}}, {css:{opacity:1},onComplete:function() { function

0热度

1回答

如何使用GSAP动画/停放自上而下的汽车

我只是尝试使用GSAP库TweenMax和TimelineMax进行一些操作。我想要完成的是一个90度角的汽车停车场。但我不确定需要什么样的数学才能使它看起来真实。我已经有了这个小提琴，我尝试了一个转弯，但它看起来更像是汽车在漂流。有什么建议吗？ timeline.to(car, 2, { x: "-=300", y: "+=300", ease: Linear.easeNon