Framer Tutorial: Advanced Scroll Animation (ZERO Code)

🎓 Framer University: https://framer.university 👉 Create a free Framer account: https://framer.university/free-account In this Framer tutorial, you'll learn how to create an advanced scroll animation in Framer. Follow along and I'll show you how sticky positioning work and how to trigger animations with scroll sections. With following along this video, you’ll have a cool scroll animation on your website, without writing any code. Remix the project: https://cred.framer.website/ Originally seen on: https://cred.club/pay-via-upi 0:00 - Introduction 0:57 - Story of the scroll animation 1:30 - Project setup 4:00 - Sticky positioning 4:51 - Adding content to the website 7:12 - Adding the scroll animations 7:50 - Scroll section as a trigger 10:10 - Adding counter transforms 14:50 - Adding the background text 19:08 - Animating the background text 20:22 - Adding another section 21:56 - Text fade out animation 22:29 - The finished animation 22:50 - Conclusion & additional resources Follow me on: Twitter: https://twitter.com/learnframer Instagram: https://instagram.com/framer.university