Infinity translateX an object

[André Victor 0 Likes (Newbie)]

I`m tring to create a inifinity animated text bar. I have had defined the width of the text 10 times the size of the screen because I dont know how to get this dynamic. Well, the trouble is that since I defined the animation of 300s, in some moment this text bar will restart the animation. Anyone know how I can get this without have to make a text bar with a width so big?

See the Pen qBraRMN by andrevictor (@andrevictor) on CodePen

[Visual-Q 978 Likes (Leader)]

Check out this post  @PointC has a very clever implementation of a similar infinite scroll using cloned node.

 

 

[GreenSock 18,239 Likes (Superhero)]

If you're only animating a single element, this won't help but I just wanted to point out that there's a helper function in the docs that you can feed a set of elements to and it'll infinitely loop/move them horizontally. See https://greensock.com/docs/v3/HelperFunctions#loop