Discovering fractals with CSS.
summary
Claims CSS can generate real fractals by compiling SCSS into massive box‑shadow renderings — one example creates 160,000 points (400×400) with 78 iterations and takes 3.5 hours to compile. When that proves impractical, a Pythagoras tree appears as seven lines of CSS using -webkit-box-reflect (WebKit/Chrome only), animates, and ties to a Web Audio analyzer for live visualization; a separate 4D rotation attempt fails for performance reasons.
AI-written summary · about
chapters (8)
- 0:00Introduction to CSS art
- 1:33Defining fractals in CSS
- 4:45Mandelbrot set challenges
- 10:34Pythagoras tree experiments
- 14:09Technical implementation
- 20:12Adding animation and flair
- 24:11Audio-reactive visuals
- 28:12Q&A and final thoughts
