Skip to content

Latest commit

 

History

History
31 lines (14 loc) · 672 Bytes

README.md

File metadata and controls

31 lines (14 loc) · 672 Bytes

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