Breaking the norm with creative CSS
summary
Demos show concrete techniques: a pasted SVG used as clip-path with SVG via URL to make a splash-shaped viewport, image cutouts that avoid heavy PNGs (claim: PNGs weigh ~6× more), a GIF background with a masking for alpha gradients that produces a glitter fade, floated elements using shape-outside text wraps with a CORS gotcha in the console, and pure-CSS skewed/perspective type effects plus SVG-on-path text. Browser support varies (Firefox/IE/Opera caveats noted) and the prototypes run in-browser with those limitations.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:27What should I do
- 4:36Inspiration
- 8:11CSS Grid
- 8:51Clip Path
- 11:18Clipping Images
- 12:04Why
- 12:59Masking
- 15:17Clipping vs Masking
- 16:07Shape Outside
- 18:26Console
- 19:01SVG
- 20:27Chaos
