Framer Tutorial: How To Create A No-Code Scroll Animation
🎓 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 a stunning Stryds scroll animation on your Framer website without writing any code. Follow along step-by-step as I demonstrate how to make images scale in and text move up as the user scrolls down the page. With following along this video, you’ll have a beautiful effect added to your Framer website in no time.
Remix the project: https://stryds.learnframer.site/
Originally seen on: https://www.stryds.com
0:00 - Introduction
0:43 - Setting up the file for the effect
2:48 - Adding sticky positioning to the frame
4:05 - Pasting in the images
4:36 - Creating distortion effect in Framer
9:50 - Adding the scroll transform effect
13:10 - Adding text to the website
14:48 - Adding another section to the website
15:54 - Conclusion and additional resources
Follow me on:
Twitter: / learnframer
Instagram: / framer.university