gsap

3热度

4回答

我有一个背景图像的div。当它具有简单的变换比例动画时，它会开始在Google Chrome和Opera中闪烁。下面是一个简单exmple： http://codepen.io/anon/pen/bWpNYq CSS： body { height: 100vh; overflow: hidden } div { width: 100%; height

0热度

1回答

如何获得Greensock CustomEase与打字稿一起使用？

我正在用pixijs和greensock（或者它是gsap？）为所有补间创建一个使用打字稿的游戏。我遇到了一种情况，我需要用立方贝塞尔曲线进行一些定制放松。如果您创建了一个帐户，Greensock拥有一个您可以获得的customease文件，这是我所做的。但该文件没有打印机定义。我不知道如何将这个CustomEase.js文件合并到我的应用程序中，而不需要类型def文件。我尝试使用这个https

0热度

1回答

gsap，播放后恢复动画

我想用gsap播放动画，但播放完毕后我想重置它。就像播放该动画之后一样，在完成后重置。无需点击任何地方或计算播放时间，睡觉或等待过程。只需简单地是这样的： TweenLite.to(thing, 1, {x:'-20px'}).reset(); （？理想情况下，存在GSAP没有复位呼叫..如何acieve本））我不能让它与.seek工作（，。时间（），.pause（）。那些总是中断动画。

0热度

1回答

GSAP Tweenlite补间不会缓解

我正在用GSAP构建一个动画横幅，基本动画效果很好，但补间并不会缓解，并且在添加进一步缓解语句（如弹跳）时完全停止运行。我使用这段代码来动画所有的东西。 <script type="text/javascript" src="js/TweenLite.min.js"></script> <script type="text/javascript" src="js/CSSPlugin.min.j

0热度

1回答

SVG LinearGradient - 如何从底部到顶部淡出？

与SVG合作的新手。我有一个工作演示，在x轴上从左到右具有线性渐变渐变，但是我试图从y轴上的底部到顶部获得相同的效果。尝试了几种不同的方式，但不能让它工作。 https://codepen.io/joshuaeelee/pen/bqYmEG HTML <div class="share"> <ul> <li> <svg class="svg" style="width:10

0热度

1回答

TweenMax在函数输出 - 如何实现条件？

我正在使用JS库：GSAP连同ScrollMagic.io JanPaepke。 Scrollmagic.io让我来触发滚动一旦某些触发要素一些CSS改变达到，JS脚本是这样的： var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ trigg

0热度

1回答

StaggerTo动画

我正在尝试使用staggerTo在视频横幅上进行级联动画，但它不工作。我想要横幅上的级联动画展开点击。我的代码是 function FullscreenClick(e){ ADTECH.expand(); ADTECH.registerVideoPlayer(videoBGPlayer , 'VideoExpanded'); videoBGPlayer.removeE

2热度

1回答

GreenSock TimelineMax早点开始

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

0热度

1回答

多次滚动到锚点

我想写一个小函数，它使用GSAP在另一个动画完成后滚动到一个锚点。我遇到的问题是，脚本第一次完美地工作，滚动到正确的位置，但是当第二次调用该函数时，溢出滚动回页面的顶部。据我所知，这是因为在函数第二次调用时，溢出元素顶部的offSet为0，因为它已经滚动，所以这是它现在滚动的值。然而，我想不出一个优雅的方法来实现我正在寻找的功能，即无论溢出是在哪里，无论何时调用滚动函数，溢出滚动到锚点。我在

0热度

1回答

暂停GSAP动画完成后，第二反应组分呈现

尝试暂停或该条件的else部分内除去GSAP动画.. 集装箱代码 - renderNews =() => { /** * Renders news snippets, no filtering at this time */ let max = 2 let count = 0 let posts = this.props.posts.m