Framer Tutorial: Advanced Scroll Animation (ZERO Code)
SIGN UP FOR THE $10K UNDERCOVER LAUNCH EVENT MAR 25TH: https://event.frameruniversity.com/ 🎓 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: / learnframer
Instagram: / framer.university