How to design sticky scroll variants in framer.
Framerdive
0:00 / 0:00
How to design sticky scroll variants in framer.
1 436 просмотров · 11 месяцев назад
Framerdive
2,06 тыс. подписчиков
1 436 просмотров · 11 месяцев назад
New to framer? Sign for free here: https://framer.com?fpr=joseph25
In this video, we take a look on how you can build a sticky scroll with different variants. Here we use different section triggers to switch from one variant to the other. If you've been tinkering with framer for a while this video will help you understand and practise:
1. Scroll variants
2. Element positioning - Absolute and Relative
3. Working with transitions in framer
4. Setting up triggers for, effects.
Hope you learn something. Enjoy and happy designing!
Timestamps:
0:00 Design sticky variants
2:11 Setup Framer project
3:47 Make frame sticky
5:22 Add content layers
9:15 Create text variants
12:51 Setup scroll triggers
16:00 Change image variants
18:41 Add page transitions
20:29 Hide trigger containers
21:10 Tutorial wrap-up
Let's connect today:
Email me directly - framerdive@gmail.com
Chat me on X - https://x.com/FramerDive
Subscribe on Youtube - @Framerdive