CSS Card Tricks

A beginner’s tutorial for building an 🃏 animated stacked card list with CSS & HTML. Inspired by css-tricks homepage.

Inspired by homepage
Source

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
Android

Upgrade to Fireship PRO at
Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

– Atom One Dark
– vscode-icons
– Fira Code Font

source