Jun
29
2010
Beautiful graphics done without images: CSS3 and HTML5
I recently came across some beautiful Web graphics done without the use of any images, done purely in HTML 5 and CSS 3. I thought I’d share these little nuggets with you:
- Jeff Batterton: iPhone World clock without images in CSS3
- Graphicpeel: iOS Icons in Pure CSS
- David DeSandro: Opera Logo with CSS
- Rather Splendid: Pure CSS Icons
- David DeSandro: CSS SpeechBubble
- 10 Steps.SG: Cool Curtis Typeface Built with Pure CSS
- Canvas cycling: amazing HTML5 only animations
The examples work best in HTML5/CSS3 compliant browsers, ideally Safari 5 and Chrome 5, and to a lesser extent in Firefox and Opera. Don’t bother looking at these with Internet Explorer. 
If you have any more examples of pure CSS, post them in the comments!
