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.


Comments
30 responses to “Internet Explorer Pure CSS Logo”
[…] my latest CSS3 experiment without images (Internet Explorer Pure CSS Logo), a friend suggested to create an animated 3D Super Mario Icon based on the Retro Mario in 3D GIF […]
The logo work fine on my google chrome browser 5.0.3 for mac.
[…] Internet Explorer CSS icon […]
That’s pretty slick. Nice work.
[…] http://cordobo.com/ Article: http://cordobo.com/1630-internet-explorer-pure-css-logo/ Live Demo: http://cordobo.com/wp-content/uploads/ie-pure-css-logo/ Author/contact: Andreas […]
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.
[…] Andreas has also created a version of the Internet Explorer Logo in CSS3 and that can be seen in one of his earlier blog posts. http://cordobo.com/1630-internet-explorer-pure-css-logo/ […]
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!