Not really sure where to start!

[grantsmith]

Hello,

 

As someone who has never really used Gsap in production, I'm struggling a little. The client would like something similar to https://wearemotto.com/about/, this section in the screenshot…

I have created this pen of my poor effort so far! 

 

Some pointers would be very much appreciated
 

See the Pen XWGxrBN by grantsmith (@grantsmith) on CodePen.

[Rodrigo]

Hi,

 

You should use the Horizontal Seamless Loop helper function:

https://gsap.com/docs/v3/HelperFunctions/helpers/seamlessLoop

 

Here is a demo that uses the helper function and the Observer Plugin to check the wheel event and speed up the loop and then return it to it's normal speed:

See the Pen zYaxEKV by GreenSock (@GreenSock) on CodePen.

Here you can learn more about the Observer Plugin:

https://gsap.com/docs/v3/Plugins/Observer/

 

Hopefully this helps.

Happy Tweening!