Skip to content

Css3 box-shadow Mario

A couple of weeks ago I attended Ana‘s presentation on CSS at SmartWebConf. I was amazed by what you can do with only one div and lots of CSS. This was just what I needed to start diving in CSS3. I started by opening an account on codepen (really useful tool) and in about 25-30 minutes I managed to create a “pixel-art” Mario. For this I used 160 box-shadow values and only one div. More than that, Mario is resizable thanks to LESS.

You can see the code here¬†and can use it in your projects. Don’t forget to link me.

See the Pen xcjJa by radu popescu (@radhoo) on CodePen.

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *