DEV Community

Discussion on: Creating Pixel Art with CSS

Collapse
 
jnschrag profile image
Jacque Schrag

Oh gosh 😂 all I can think is the Inception meme “we need to go deeper”. Although that would actually be really cool to be able to recreate any image via box-shadow. Although I wonder if you would hit a limit at how many box-shadow definitions you’re allowed to have before the browser can’t handle it anymore.

Collapse
 
john_horner1 profile image
john_horner

Only one way to find out!

Thread Thread
 
y6nh profile image
Hugh

I tried to find that out — though these are conventional blurry shadows, not pixel art: codepen.io/y6nH/pen/YRmVvZ (click with shift or ctrl to add larger numbers).

Thread Thread
 
jnschrag profile image
Jacque Schrag

That's amazing. I stopped after 1500ish, so I didn't find the limit, but that's truly incredible just how much the browser can handle. Although I did start to notice a slow down in how quickly it rendered starting around 800ish.