Framer University: https://framer.university
Create a free Framer account: https://framer.university/freeaccount

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/payviaupi

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