CSSDevelopment

Internet Explorer Pure CSS Logo

24/052010 {27} comments

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.

Internet Explorer CSS Logo

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.

Pure CSS Logo rendered in different Browsers

Internet Explorer & the Internet Explorer Logo are registered Trademarks of Microsoft. Download Internet Explorer.





Advertisement

27 comments

  1. Raphael says:

    Wow, awesome! I guess this took you a lot of nights…

  2. This is AWESOME. Love the way you’re piling on the box-shadows. And the way you pulled off the ring is killer. Do submit this to awesomebutuseless.com once the WebKit version is finished.

  3. Genial, ist ja fast so gut wie “Homer Simpson” von Román Cortés ;o)

  4. Awesome!!!!!!!!! Incredible!! I only can change same titles colors with CSS… jajaja…

  5. Eric Eggert says:

    So, what about IE9? :D

  6. Alex says:

    This is amazing. You have serious talent.

  7. Stefan says:

    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…

  8. jacob says:

    The logo work fine on my google chrome browser 5.0.3 for mac.

  9. madruk says:

    That’s pretty slick. Nice work.

Trackbacks /
Pingbacks

  1. Tweets that mention Internet Explorer Pure CSS Logo | Cordobo -- Topsy.com
  2. May’s Best Resources for CSS3
  3. Andreas Jacob Recreates the IE Logo in Pure CSS « Awesome But Useless
  4. Pure CSS animated 3D Super Mario Icon | Cordobo
  5. 27 Amazingly Realistic CSS Icons and Logos
  6. Pure CSS Internet Explorer Logo
  7. Pure CSS Icons (animated 3D Super Mario and IE Logo) : Carl Casbolt
  8. Coding Kung-fu: 35 Graphics Built Purely With CSS3

Leave a Reply


  1. LinkedIn
  2. Xing
  3. Facebook
  4. Twitter
Back to Top