Framer tutorial : Mastering the Stacking Card Effect
Welcome to our KZread channel! In this video, we will creating a stacking card effect using Framer Builder.
Are you ready to take your UI design skills to the next level? Look no further! Our step-by-step tutorial will guide you through the process of building a mesmerizing card stacking effect that will captivate your users and bring your designs to life.
You'll learn how to leverage Framer Builder's powerful animation capabilities to create smooth transitions and engaging interactions.
Throughout the video, we'll cover all the essential concepts and techniques needed to achieve the stacking card effect. From setting up your project and importing necessary assets to creating the card effect
Link: internal-article-925617.frame...
Remix: framer.com/projects/new?dupli...
Contact:
Sahil
sahilchawlalm@outlook.com
Пікірлер: 6
Thank you! Great tutorial!
Make more man. This was great.
Thanks for this. I can't get it right. My last one has the top margin on top, the one you give when making the cards sticky. But the second don't seem to have that top margin. I want it just like you where you see all the cards stacked on each other and you'll see the top of every card when scrolled downwards. I only see the top of the first card and the third card on top with some margin, but the second one in between is not visible.
@NocodeTown-wl9ef
Жыл бұрын
I give z-index Card-1(z-index-1) card-2(z-index-2) card-3(z-index-3) card-4(z-index-4) and give off set like 0,40,80,120
Thanks Sahil, Really helpful🫡
@NocodeTown-wl9ef
9 ай бұрын
Glad it helped