how to apply repeat to "staggerTo"

[JMgreen]

<script type="text/javascript">
var t1 = new TimelineLite();
t1.staggerTo(".box", 0.1, {rotation:360, y:750}, 0.11);

</script>

 

hi 

I want to make non-stop motion so i added like this:

t1.staggerTo(".box", 0.1, {rotation:360, y:750}, 0.11 ,repeat:-1);

 

and it won't run. how can i solved this?

 

[Shaun Gorneau]

Hi @JMgreen, welcome to GreenSock

 

You are very close ... `repeat` can be set just like `y` and `rotation` inside the vars object of the tween, in the vars object of the timeline (which will produce a different result), or with the repeat method on the timeline (which will produce the same result as the vars object of the timeline). Here are demonstrations of those options.

 

*Note TimelineLite doesn't accept the repeat parameter ... so I used TimelineMax for that. Stagger does accept the repeat parameter, so we could place it directly on the tween within a TimelineLite.

 

See the Pen Zopyrz by sgorneau (@sgorneau) on CodePen

 

Happy Tweening!