We have seen some achievement by using CSS before, such as
- Opera logo in pure css by David Desandro
- Pure CSS speech bubbles by Nicolas Gallagher
- Pure CSS glyphs by Zander Martineau
- iPhone in CSS3 by Jeff Batterton
which are also Louis Harboe’s inspiration come form, what he did is render standard iOS icons such as Mail and Weather (the stock iPhone apps) with CSS.
Click here to see 11 iOS icons made in only CSS, no images whatsoever.
NOTE: This demo will only work correctly on a webkit browser and has only been tested in Safari 5 and Google Chrome 5.Here’s how it will look when rendered correctly. Update: Apparently, there’s a bad bug in Chrome on Windows. I haven’t tested this on a PC yet, but I’m working on a fix.
Related posts: