NEW FRAMER COURSE: 0 TO $11.5K WITH FRAMER (ENROLLMENT CLOSES APR 7TH):https://go.frameruniversity.com/
____________________________________________________ ✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to build a crazy image sequence scroll animation from scratch without any code. This video is perfect if you want to learn the basics of sticky scroll animation, site structures, section masking, and image sequence components.
→ Remix the tutorial project: https://framer.university/resources/image-sequence-scroll-animation-in-framer
000:00 - Introduction & Effect Analysis
02:36 - Breaking Down Sticky vs. Scrolling Elements
05:32 - Setting up the Main Scroll Container
07:26 - Creating the Sticky Video Background
11:41 - Layering Text Sections over the Video
14:21 - Designing the Hero Content (Section 1)
18:13 - Building the Interactive Hover Button
22:03 - Creating the Card Layout (Section 2)
29:11 - Adding Scroll Transform Animations
31:41 - Designing the Dual-Section Sticky (3 & 4)
38:55 - Setting up the Content Fade-Switch
43:31 - Implementing Scroll Triggers for Content
48:47 - Creating the Final Section Masking Effect
51:17 - Final Preview & Summary
Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university
