How to Make an Infinite Text Move on Scroll with Next.js and GSAP
An infinite text move animation with scroll interaction using React and Next.js 13 and GSAP. Picture by Eric Asamoah.
Demo / Source code:https://blog.olivierlarose.com/tutori...
00:00 Intro
00:20 Initializing the project
00:48 HTML and CSS
1:56 Moving the text
3:25 Infinite loop explained
4:42 Creating the loop
5:36 Looping on both sides
6:32 Adding scroll interaction
8:25 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Thanks for watching!
#react #nextjs #awwwards #gsap
