Chrome Dino Pixel Art
You know the little dinosaur that shows up when your internet goes down? I recreated it using nothing but CSS box-shadows. Over 1000 of them, in fact.
A pixel art representation of the Chrome Dino game character created entirely with CSS.
CSS Pixels
1000+
Individual box-shadows
Colors Used
4
Black, green, brown & transparent
Technique
100%
Pure CSS box-shadow
How It Works
The Approach
Each pixel maps to a single CSS box-shadow with specific coordinates. Over 1000 shadows positioned one by one to get the classic 8-bit look right.
box-shadow positioning pixel-perfect
What's In It
The classic black dino silhouette, green grass, and brown earth underneath. Tried to keep it as close to the original as possible.
Pixel Art Retro CSS Only
It was a fun experiment to see how far you can push CSS beyond normal styling. Turns out you can do quite a lot with just box-shadows.
Fancy having a look at the source? It's on GitHub.