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.
31 responses to “Internet Explorer Pure CSS Logo”
Wow – surely took some work…
On Ubuntu FF 3.6.3 this renders as in your FF Screenshot, but if you move another window over the browser, there are artifacts remaining within the rendered ie logo…
I second this (artifacts).
[…] 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 !