dot.css

render images with box-shadow pixels!

see it live

wat

dot.css is a piece of code that will paint any given image onto another element, using a single box-shadow property(!).

why

why are you doing this? also, how can it be used? what is it good for?

i dunno. you figure it out. and let me know, seriously.

how

1. take the image element, and pour its contents into a canvas
2. from that canvas, get data about pixel coordinates and colors
3. maybe change stuff, like pixel size and output image width
4. build a box-shadow multivalue, using the altered data