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/tutorials/text-scroll-opacity 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: https://twitter.com/olivierlarose_ Discord Channel: https://discord.com/invite/2QPNYtazQq Thanks for watching! #react #nextjs #awwwards #gsap #framer #motion #svg #morph