When I stumbled over David Desandro’s Opera CSS Logo and Zander Martineau’s Pure CSS Icons, I really liked their idea to create “art” only with CSS.
So here is my work, the All CSS Internet Explorer Logo, a logo built completely in CSS, without any graphics.
See the Demo (best viewed with Firefox 3.6 & Safari 5)
Chrome 5 has a lot of issues at the moment due to an older Webkit engine. CSS for Opera 10.6 and IE9 are coming soon. The CSS is a mess at the moment, I’ll clean it up later.
Internet Explorer & the Internet Explorer Logo are registered Trademarks of Microsoft. Download Internet Explorer.
Advertisement
maybe not that useful but still, impressive. now, make the firefox logo ;)
Not usefull? This is the future of the new technologies!
Amazing job, Andreas!
holy smokes, thats really pretty good for just css.
For Opera, go here: http://www.pierrevion.fr/2011/1171/le-logo-d-internet-explorer-en-css3.html
Do you have a working example for Opera? I can’t find any demo ;-)
Demo : http://www.pierrevion.fr/wp-content/demos/ie-logo/
CSS : http://www.pierrevion.fr/wp-content/demos/ie-logo/styles_ie.css
and supported by Opera !
Both crazy and impressive!
Great work Andreas!
It’s funny because IE can’t render it
Would this ever be considered a good coding practice, as will surely bloat the site with way too much with non-semantic tags. Either way, pretty awesome use of the technology, the logo look as sharp as it can be!