How I Learn To CSS
summary
Builds multiple small, working demos and explains the exact CSS and tiny JS behind them: an animated selectable UI using the checkbox hack with only classes toggled by JavaScript, transforms and opacity for cheap animation, and a crucial transition-delay: 0.1s that fixes timing; responsive album-art made from border-radius, CSS triangles, clip-path and the box-shadow trick; a scroll-snap experiment with limited browser support; notes keyboard accessibility remains unresolved and links to CodePen source for each demo.
AI-written summary · about
chapters (8)
- 0:00Start
- 3:26DEMO #1 OTT RADIO BUTTONS
- 5:38CSS ANIMATIONS (1/3)
- 9:37DEMO #2 CSS ALBUM ART
- 10:21PSEUDO-ELEMENTS
- 11:42SHAPES WITH CSS (2/3)
- 13:38BOX SHADOW TRICK
- 14:43CSS SCROLL SNAP
