Ajax Loader
×

Pure CSS3 Super Mario Bitmap Graphics

Everything in this awesome creation by tom giannattasio is rendered with CSS: no images, no canvas, no data URIs and no extra markup. For a better experience, check out the full preview.

From the original demo -

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!

I have added the vendor prefixed version of some of the CSS3 properties that were missing. Let not the jumbo sized code (about half mb, especially due to vendor prefixes versions of the huge linear-gradients used) irritate you :P

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Pure CSS3 Super Mario Bitmap Graphics

    CSSDeck G+