gsap

    0热度

    1回答

    是否可以为stdDeviation属性的第二个值设置动画? 其实GSAP允许动画数值属性像stdDeviation: .to(blurNode, 0.5, {attr:{stdDeviation:20}, "blur") 但在stdDeviation的情况下,我们可以有2个值,就像这样: <feGaussianBlur in="SourceGraphic" stdDeviation="0 0"

    3热度

    1回答

    我有一个相当简单的功能,检测窗口滚动。当用户停止滚动时触发超时事件(500毫秒)。这结束然后监听器和超时。然后,我创建(GSAP)窗口到某个点。一旦动画完成,监听器会再次启动。有时候...再次检测到滚动,所以整个功能被激发两次。请查看控制台以查看发生的情况。 代码在这里: var timeout; var onScroll = function() { console.log('scr

    0热度

    1回答

    以下代码创建了一个GSAP TimelineMax,它在第一次播放中完美地起作用。但是,在时间轴逆转并且您再次播放后,TimelineMax的后半部分会“丢失”。 var tl = new TimelineMax(); $(".box").hover(function(){ tl = new TimelineMax(); tl.to($(this).chil

    0热度

    1回答

    在以下示例中,我有五个部分和一个控制台日志,其中显示当前滚动位置,部分的高度以及部分在文档中的位置。当部分没有被操纵时,在我的屏幕上,结果如下。 Current Scroll Position: 0, Position Of Section: 10, Height Of Section: 196.796875 Current Scroll Position: 0, Position Of Sec

    1热度

    1回答

    我是gsap的新手,所以如果我正在做一些可怕的事情,那么请纠正我,但这是一个非常简单的例子。我只是试图比较CSS和Firefox中的gsap动画的性能,以决定哪些用于我将来可能正在使用的动画。 根据我在各种网站上看到的例子,它看起来像gsap本来应该表现更好,并且有更多的选择,但是对于这个简单的例子来说,这并不是我所看到的,而且我认为像这样的东西对于使用css和gsap动画的情况都是相当普遍的。

    0热度

    1回答

    我试图模仿使用EaselJS在spire's横幅中看到的画布元素。但是我的动画在chrome和firefox上都不稳定。任何帮助表示赞赏。 (首次使用EaselJS) 我的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>EaselJS</title> <style>

    0热度

    1回答

    我想用gsap和svgs来做“复杂”动画。 但我不知道什么是最好的办法。 最好创建并导入一个独特的SVG与所有的元素,或者它是更好的4个不同的SVG? 我有4个不同的字符:一棵树,一盏灯,一张桌子和一个男人。 基本上我的动画是移动x上的对象,并出现和消失的东西。

    0热度

    2回答

    我试图使用GSAP的scrollToPlugin与Facebook的“创建 - 反应 - 应用”但是我得到这个错误 - 在./~/gsap/src/错误未压缩/插件/ ScrollToPlugin.js模块未找到:'TweenLite' 我假设这是因为该插件需要TweenLite,但其文件不会导入它。我读过,我可以解决这个通过webpack.config文件,但我不想弹出。有人知道另一种解决方法吗

    1热度

    1回答

    我正在使用GSAP做信封动画,一直面临很多问题,但无法在网上找到很多帮助。 我想制作一些动画1)从信封的正面旋转到信封的背面,2)打开翻盖和3)从信封发出的信件。 目前我现在正在步骤3上,正在努力处理“看起来像z-index”的问题,但我不确定是否因为z-index。不知何故,我无法将信封盖在翻盖开口的顶部。 下面是我GSAP代码: var tl = new TimelineMax(); va

    1热度

    1回答

    我目前正在使用GSAP的TimelineMax,MorphSVG插件和ScrollMagic构建网站。 我有时面对抖动效果和此警告出来: Handling of 'mousewheel' input event was delayed for 163 ms due to main thread being busy. Consider marking event handler as 'passi