How to Implement Stacking Cards Scrolling Effect in CSS

In this video, you will learn how to implement a cool scrolling effect using CSS. It will be useful when you want, for example, to tell a story using a bunch of stacking cards.

[MALI-gjsk]

I was finding the video and it's the only video i got after 30 min search. Thanks man

[jmzalazar]

Amazing way to teach! Congratulations! Thank you very much for this example, and again, congratulations for your simple yet complete and precise way of showing us this effect! Greetings from Argentina! 🇦🇷👍🏻🖖🏻

[TheStickofWar]

If you get a horizontal scrollbar, simply add max-width: 100% to your .card class. This means the element will try to do 100vw, but clamp down to 100% of the actual available space. This is a browser bug that not all browsers have solved yet, and the vertical scrollbar is considered in the 100vw calculation in some of them

[evanchan]

Thank you! You make this so much simple than any videos i have researched!

[hackerprime]

Much love from Jamaica! Keep up the good work!

[thestinger]

Thank you for this example, never thought about this usage if sticky position

[chfaizanaslam]

Bro you should make more videos on different tricks
Absolutely brilliant

[kaustavroy]

Wow, that's a cool trick. Thanks for sharing. Waiting for more such contents.

[fahzz]

Amazing video. Will definitely help out in my uni website project! Ty

[debarkomukhopadhyay]

This was soooo Informative!! Definitely gonna use this :)

[LewraAzad]

Bro you're doing great work. Keep it up!

[alliedatheistalliance]

Great tutorial, thank you! At 4:23 one thing that's worth setting up is a keybind for wrapping with emmet. In VS Code you can set it up easily (I use a corded Ctrl + w then e, for 'wrap' and 'emmet' so it's easy to remember). Then when you need to wrap some section in a new element just highlight the text and press the shortcut key (or use the terminal and search wrap with emmet). I didn't explain that very well but I thought it might be useful to some.

[CheezePie]

Bro.. it was that simple? Great video man!

[nehapatil]

Thank you so uch u made my day I came to the solution

[hoangminh]

Thanks for the content! You voice actually reminds me of Kevin Powell

[princessrasika]

Thank you for the video its an amazing one. Where can I get the code?

[z_YouCef_w]

ty for this video, but u can use sticky position that will help u better

[udithahashi]

This video is very usefull ! Thanks Dear !

[yousufhossain]

love from Bangladesh <3 ..hope someday you will have millons of subs

[ariestwn]

cool, great video mate. But, how to scale down the previous card as we scroll to next card? but the scale animation delayed for about 50px or 100px before the next card showed up?