Pure CSS3 Bitmap Graphics

Everything here is rendered with CSS: no images, no canvas, no data URIs and no extra markup. The piCSSelz (see what I did there) are drawn with CSS gradients sized precisely to pixel boundaries. There are certainly more practical uses for this technique, but none quite as nostalgic. Stay tuned for more examples, wider support and a code generator!

[thujikun]

画像もFlashもCanvasも使わずにCSSだけでマリオだと！？

[yoshi-na]

ピュアCSSで横スクロールアニメーション（マリオ）

[jhoshina]

CSSだけでドット絵。スゲー

[HolyGrail]

軽い

[macky1207]

画像なし。グラデーションで頑張る。

[kzms2]

これはヤバイ。画像なし、Canvasなしでグラデーションでマリオを再現。しかも動いてるっていうね。こういうの大好きすぎる

[turusuke_0]

マリオ

[teppeis]

background-imageに大量のlinear-gradientを指定してドットを書いてる。変態すぎる。