fig 1: a photograph of some kid, made with a single div and a lot of css. Right click him and inspect his element!

The picture above is a single <div> element. Each pixel is a box-shadow of 1px height and width. CSS generated by a python script. Github repo here. Inspired by Lynn Fisher.

There is literally no practical use for this as it stands. Trust me, I spent at least a minute trying to think of some obscure fantastical use-case where you'd need 4.6MB of CSS instead of 50KB of jpeg. If you can think of one, let me know.