CSS Card Tricks

A beginner's tutorial for building an 🃏 animated stacked card list with CSS & HTML. Inspired by css-tricks homepage. https://fireship.io/lessons/css-cards-animated/

Inspired by https://CSS-tricks.com homepage Source https://github.com/fireship-io/stacked-card-list

00:00 Intro 00:36 Layout 02:55 Shadows 03:20 Scrollbar 03:55 Animation 05:30 SVG Semicircle 07:48 Gradient Text

#css #tutorial

Install the quiz app 🤓

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

• Atom One Dark
• vscode-icons
• Fira Code Font ... https://www.youtube.com/watch?v=29deL9MFfWc