David Gerrells has a bunch of fun rendering far too many CSS box-shadows for things that box-shadow was never meant to do.
I found out my m1 can render a stupid number of these bad boys and so I set out to see just how far you can push them and boy did I.
Because box-shadow mimics the shape of the original element, doesn’t have to have any blur at all, and can be colored any color, they can be a way to draw anything you want wherever you want with a single DOM element. Doing faux ray-tracing as David does at the end is not something I thought I’d ever see.
I found it fun looking at the DevTools while the demos were cooking.
