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

  • @eba-rave7509
    @eba-rave7509Ай бұрын

    Thank you! Great tutorial!

  • @hisanzee3052
    @hisanzee3052 Жыл бұрын

    Make more man. This was great.

  • @ditismijnnaampje
    @ditismijnnaampje Жыл бұрын

    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

    @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

  • @RISHISHARMA-qm3kg
    @RISHISHARMA-qm3kg9 ай бұрын

    Thanks Sahil, Really helpful🫡

  • @NocodeTown-wl9ef

    @NocodeTown-wl9ef

    9 ай бұрын

    Glad it helped