gsap

    0热度

    1回答

    我正在为离子框架中的android和ios开发移动应用程序,该框架包含一个动画的游戏元素。目前,我正在使用Adobe After Effects对构成游戏一部分的角色进行动画制作。 我从After Effects导出PNG序列,并将其嵌入到我的Ionic应用程序中,作为组成动画的背景图像序列。我使用TexturePacker创建精灵表和GSAP TweenMax以在角度控制器内运行javascri

    0热度

    2回答

    我想要能够做的是点击一个div,并使用TweenMax和JQuery库来缩放该特定的div。目前下面的例子是更新所有的flex-items divs。 HTML: <div class="main-content"> <div class="flex-container"> <div class="flex-items" onclick="mouseOver()"></d

    0热度

    1回答

    滚动动画时间表 我现在有 我建立使用jQuery和ScrollMagic的HTML/CSS/JS滚动时间线(与GSAP插件)。我具有基本的时间轴功能,随着页面向下滚动,时间线事件动画化。 jsFiddle of the page in its current state (scroll down) 我想添加什么 我的问题是关于执行哪个分支从中心垂直线到每个时间轴事件,因为他们淡入水平线的最好方法。

    2热度

    2回答

    我有一个滚动时间轴(demo),而且我遇到了一个问题,其中padding-left正在使时间线左侧的时间线分支图像隐藏在滚动之前,但padding-right无法隐藏右侧的分支图像。 的方法,我试图使用的是,所述分支图像是一个容器.event_line具有overflow: hidden内部并且图像具有padding-left设定为100%,直到部分被滚动到在该点padding-left动画下降到

    0热度

    1回答

    我正在运行滚动事件,触发TweenMax动画,而且我注意到,尽管Chrome在外观上很不错,但在Chrome上看起来不错, Firefox浏览器。有没有人有关于如何尽可能有效地处理这个滚动事件的建议?另外,有什么关于Firefox的渲染,我不知道这可能是造成这种情况?任何线索将不胜感激! 的要点是我在我的页面上寻找名为“客户”的容器,每个容器包含三个单独的“客户”元素。当匹配“customers”

    1热度

    1回答

    首先我是GSAP和ScrollMagic的新手,所以请原谅我,如果我可能在这里问一个愚蠢的问题。我一直在寻找互联网,但没有找到正确的答案来解决我的问题。 无论如何,我试图创建一个时间线,其中每个'to'函数的完成对外部函数的调用将使用特定的参数。 var controller = new ScrollMagic.Controller(); var timeline = new TimelineL

    0热度

    2回答

    我试图动画一些SVG元素使用Tweenmax.js 风车旋转工作正常,但门打开动画没有(风车,开门)在Internet Explorer在所有的工作9. 这里是我的代码: var dooropen = $('#door-open'); var windmill = $('#windmill'); function DoorOpen() { TweenMax.t

    1热度

    2回答

    看看这个运球 https://dribbble.com/shots/2149937-Day-6-Currency-Status-Rebound 有,在一个凉爽的效果动画的结尾是在一个绿色条。我想在HTML中做到这一点。 有关如何实现此目的的任何建议?

    0热度

    1回答

    我是GSAP的新手,我正在尝试构建一个函数,它将滚动到页面上的某个点,但我不太了解如何更正使用GSAP插件。我已经设法使用脚本来补间颜色,大小和位置,但我无法滚动工作。 当点击“迭代”按钮时,我的目标是将页面向下滚动到特定点(我已将其设置为9999用于测试目的)。什么都没发生。 我的代码看起来像 - <head> <link rel="stylesheet" href="https://

    0热度

    2回答

    我有一个网站,我使用TimelineLite已暂停,并用滚动条手动推进时间轴。 我还在整个时间线上散布了5次停顿,以便我可以单击按钮并观看时间线的一个“场景”。 每个动画场景基本上都在屏幕顶部补间,而下一个元素从底部补间到屏幕。 一切工作正常。 但是,当我调整浏览器的大小时,我注意到时间轴的补间仍旧从旧值开始动画。我的时间轴由TweenLite.to(...)补间组成。例如,如果我的浏览器高度为7