Build a Text Gradient Opacity on Scroll using Nextjs and Framer Motion

A web animation tutorial featuring a gradient text scroll opacity effect using Nextjs and Framer Motion. In this tutorial I animate a paragraph work by word modifying the opacity on scroll. Inspired by many awwwards websites.

Demo / Source code: https://blog.olivierlarose.com/tutori...

0:00 Intro    
1:42 Paragraph on Scroll    
5:32 Word by Word    
12:58 Character by Character    
17:00 Outro    

More animations: https://blog.olivierlarose.com/
Follow me on Twitter: Twitter: olivierlarose_
Discord Channel: Discord: discord

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion #svg #morph