GSAP helper function "Seamlessly loop elements along the x-axis" creating gap between first and last block

[tmusharraf]

Hello there, 

 

I'm creating a animation where text is moving from right side to left, text on reaching left (when not visible), it will again visible from the right side. I'm using react GSAP and I found GSAP helper function but it is not working as expected.

Problems:

• There is gap between first span text and last span text.
• The second problem is the text starts from the visible area I can see the text is recreated which doesn't create smooth animation. 

 

Is GSAP is good for this type of animation or we can use Pure JS or CSS. Thank you.

I created a minimal demo here: https://stackblitz.com/edit/react-nzzaz1?file=src/App.js

 

This might help to visualize what I'm trying to achieve.

[Cassie]

Hi there! We try not to create duplicate threads here are it ends up creating more work for volunteers in the forums
 

I'm going to lock this thread now and leave the original up.