gsap

    1热度

    1回答

    所以我试图使用GSAP来为其对应按钮触发的元素设置动画。动画本身的作品,但不是揭示相应的元素,它揭示了所有这些。我已经附上working codepen here var trigger = ".trigger"; var recipient = ".target"; var animation = new TimelineMax({reversed:true, paused:true});

    0热度

    1回答

    我有一个javascript resize函数,当我调整浏览器的大小时,但如何启动我的浏览器窗口以及一定的大小时如何获取它来调整我的内容?您可以在代码笔http://codepen.io/celli/pen/pyMMWe中看到此内容,当我们调整浏览器窗口时,我的内容将调整大小 - 但是,如果您使用浏览器以较小尺寸(小于840px)开始刷新codePen,则内容不会“预先”调整大小。我如何添加代码来

    0热度

    1回答

    我想能够被动补间我的对象上的属性,以便在补间期间,我可以更新此对象和TweenLite将继续。 例如,以下代码将在15秒内将对象中的坐标从0调到15。在发生这种情况的同时,我还想更新x和y变量target.position,我不能这样做,因为TweenLite似乎在完成之前(如在,直到15秒过去之后)“占据”对象。 // target.position starts at { x:0, y: 0

    1热度

    1回答

    我设置了一个codepen供参考,问题是我需要找到箭头和石头碰撞时的交点(一切都是SVG),碰撞后必须隐藏他们两人,当我们点击Trebuchet的旋转器时,石头会移动,箭头应该在页面加载后自行启动。 箭头应该沿着浅蓝色的路径走,石头沿着灰色的细线路径走。我疯狂地把脑袋弄碎了,任何建议都会有很大的帮助。 codepen的链接是: - Click Here to view Codepen $("#wh

    2热度

    1回答

    据我的理解,在jQuery中,您可以设置一个变量,然后在线后使用它。 var x = 2; function add() { x = x + 2; } 在我的代码中,我有一个CSS类作为变量。 var scroll = $('.verticalScrollBar'); function changeScrollBar() { ... TweenMax.set

    0热度

    2回答

    所以我想用TweenMax.staggerTo错开一些字母。 这里是JS: TweenMax.staggerTo(letter, 2, {bottom:0, opacity: 1, delay: 2}, 1); 的HTML: <div class="middle"> <p class="letter">p</p> <p class="letter">p</p> <

    1热度

    1回答

    我在使用setState函数时遇到了困难。我正在使用react-draggable软件包,我可以拖动我的div,但是当我释放鼠标按钮时,它似乎没有设置xy坐标,因此div只是回到原来的位置。有人可以告诉我我在做什么错了onControlledDrag吗?谢谢! export class DraggableAnswer extends React.Component { construct

    2热度

    1回答

    我创建了一个水平滚动的原型,它将以动画方式选择一个优胜者。我正在寻找通过编程高亮显示指标下的选定图像来改善这一点。我已经想出了如何让它滚动到我想要的位置,但我无法弄清楚如何在获胜后以编程方式选择图像。 目前正在使用: HTML CSS jQuery的 GSAP TimeLineMax 工作实例:http://codepen.io/ByteKnight13/pen/950a1a0d277fc0204

    0热度

    1回答

    我可能会错过一些简单的东西,但尽管动画与HTML协作良好,但我无法使用GSAP为SVG元素制作动画。 举例来说,如果我有两个圆 - 一个用HTML/CSS创建,其它与SVG - HTML元素被动画而SVG一个不: var circle = document.getElementById("html"); // Does work var circle = document.getElemen

    0热度

    1回答

    我想在选择时使列表项“缩放”。我无法找到实现此目标的最佳方法。我正在使用GSAP,JavaScript工作得很好,但我很难找到哪个属性最能达到所需的“缩放”效果。 https://jsfiddle.net/Leahp374/1/ 目前,我试图使用CSS perspective和translate3d移动项目在Z方向靠拢。但是,由于perspective-origin位于50% 50%,并且由于列表