CSS PIXEL ART
Draw a 16×16 sprite, copy the box-shadow CSS. One div, no images, pure CSS pixel art.
CSS Output
/* no pixels drawn */Live preview (1px base)
About CSS Pixel Art
CSS box-shadow accepts multiple comma-separated shadows, each at an offset from a single element. By using a 1×1 pixel div with hundreds of box-shadows — each offset by 1px increments — you can draw arbitrary pixel art using only CSS and no images.
This technique is great for tiny icons, loading animations, or showing off CSS skills. The downside: very large sprites create huge CSS strings. For anything bigger than 32×32, a PNG is more practical.