gsap

0热度

3回答

我已经创建了下面的小提琴https://jsfiddle.net/jnoweb/v421zzbe/2/ 目前它有一个变量，它使所有三个ID数到20： var game = {score:0}, scoreDisplay = [ document.getElementById("score1"), document.getElementById("score2"),

0热度

2回答

带GSAP的ES6类说不能补间null对象

我的代码如下。任何想法我怎么能称之为这个？我正在尝试使用GSAP的TweenMax和一个名为CSSRulePlugin的插件来为伪元素设置动画。 class animate { constructor() { this.rule = CSSRulePlugin.getRule(".menu a:before"); this.target = document.quer

1热度

1回答

动态更改gsap时间轴位置参数

我有几个gsap时间表，开始于不同的时间。在我的设置中，使用位置参数作为排序的时间轴是必要的。 delay()是不幸的是不可能的。这里是一些示例代码： sampleTimeline= new TimelineMax({paused: true,onComplete:restartSampleTimeline},0) .to("#sampleblock",2,{x:"200px"},2)

0热度

1回答

GSAP：试图在时间线中错开补间

我试图在特定偏移量的时间线内播放每个补间。这是我的init我的时间表： const tl = new TimelineLite({ onComplete: playReverse, onReverseComplete: play, stagger: 5 }); 后来我加我补间的时间轴，传递一个数组的。新增（）方法。 tl.add(tweensForTl);

0热度

1回答

使用使用GreenSock与车把

我有一个模板，我把手看起来像这样做： <script type="text/x-handlebars-template" id="student-template"> {{#students}} <div class="clearfix"> {{#each student}} <div class="col-lg-3 col-md-4 col

0热度

1回答

GSAP：一次管理多个补间和时间线

第一件事是第一件事，我是GSAP的新手，请耐心等待。我试着尽我所能描述我正在努力的。为了创建一个SVG文件的动画，我开始潜入GSAP。我为SVG文件中的不同元素创建了几个补间。一切工作正常，并按预期动画。由于我在SVG中有很多动画元素，所以我开始添加TimelineLite以更好地控制整个事物。在这一点上，我的脚本文件看起来是这样的：首先我声明的所有要素，我想动画： this.phone

0热度

1回答

无法通过我的功能获得GSAP导航时间轴

我正在尝试实现可以导航到不同场景的绿色动画横幅。使用尽可能设立时间表我已经得到了他们的API文档，以便每个场景都有一个前奏和结尾动画，但是当我开始添加单击事件处理程序没有发生某种原因，没有发送警报。请看看我的代码笔HERE 我已成立了一个miain时间表，通过每个trainsition发挥每个场景进出，我加入了每个场景的介绍后，暂停和标签介绍和outro在每个场景中。这里的目标是让最初的

0热度

1回答

如何使用相同功能定位三个ID？

我试图将相同的功能应用于三个不同的ID。我创建了一个小提琴来说明这个：https://jsfiddle.net/jnoweb/xrpsshcp/ var game = {score:0}, scoreDisplay = document.getElementById("score1"); function add20() { TweenLite.to(game, 1, {

0热度

1回答

GSAP时间表在元素

IM尝试火时间表时，李它悬停，所以我创建我的时间轴上的变种，并与event.delegateTarget找到孩子，而不是所有的.class 这是我的代码 $(".gb-help-list ").on('mouseover', 'li', function (e) { console.log('mouse'); var tl = new TimelineLite(); tl.to($

0热度

1回答

让孩子在父容器内

我想向tags cloud plugin添加一些动画。但我坚持一个问题。我如何保持父容器内的子元素（标签）？我想确保动画位置永远不会与容器边缘之一重叠。 Codepen URL：http://codepen.io/anon/pen/vgLdWV我特别注释掉了“overflow：hidden;”所以你可以看到标签在容器外飞行。 function getRandom (max, min) {