Infinity translateX an object

[André Victor]

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]

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

 

 

[GreenSock]

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