Building a Framer Scroll Animation From Scratch (Raw Process)
🎓 Framer University: https://frameruni.link/yt
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you will see how I build a scroll animation in Framer from scratch. Learn how sticky positioning functions, how to activate scroll effects with scroll sections, and how to solve problems that come up when developing websites.
Remix the project: https://framer.university/resources/d...
Original website: https://discovermarket.videinfra.com/
00:00 - Intro
01:05 - Inspecting the effect
03:09 - Preparing the platforms
17:03 - Preparing the text
37:13 - Fixing the platforms
39:43 - Implement the line?
42:20 - Setting up sticky positioning
45:22 - Adding scroll effects
01:08:32 - Optimizing for breakpoints
01:19:22 - Testing on mobile
01:20:49 - Fixing the text animation
01:27:45 - Implementing new solution
01:36:27 - Final test on mobile
01:37:00 - More learning resources
Follow me on:
Twitter: / learnframer
Instagram: / framer.university
Watch video Building a Framer Scroll Animation From Scratch (Raw Process) online without registration, duration hours minute second in high quality. This video was added by user Framer University 29 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,980 once and liked it 221 people.