Creating a deck of cards with just CSS may seem easy, but it is quite a bit more difficult than you think. In this video I will attempt to create an entire deck of cards with CSS that looks exactly like a normal deck of cards. I am also attempting to solve this problem live for the first time ever so you can see my thought process as I go through everything.
📚 Materials/References:
🌎 Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
⏱️ Timestamps:
00:00 – Introduction
01:28 – Card HTML
03:18 – Basic Card CSS
05:30 – Card Pip CSS
17:26 – Card Corner Numbers CSS
23:53 – Basic Card JavaScript
30:52 – Finishing Cards 3-10
50:05 – Ace and Face Cards
#CSS #WDS #LiveCoding
source
0 Comments