Published On Jul 20, 2023
🎓 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 zoom animation in Framer. Follow along and I'll show you how sticky positioning works and how to get the most out of Framer to achieve advanced animations. After watching this video, you’ll have a cool scroll zoom animation on your website, without writing any code.
Remix the project: https://vrtl-zoom.learnframer.site/
Originally seen on: https://vrtlwrld.io
0:00 - Introduction
0:55 - Project setup
3:05 - Building the structure
10:38 - Adding zoom effects
17:20 - Animating the overlays
18:27 - Animating the images out
20:34 - Conclusion & additional resources
21:16 - Realizing that the course might not be released just yet
Follow me on:
Twitter: / learnframer
Instagram: / framer.university