I just read Jon Rohan’s excellent tutorial on something I had never even thought to do: create shapes, specifically triangles, with pure CSS.

The whole trick hinges on the fact that browsers render CSS borders using angles. That is, the borders of adjacent sides join each other at an angle, like a miter joint. Jon shows how to use this quirk of CSS to draw triangles, and other multicolored shapes.

Here’s my thought:

it seems like this technique could be exploited to create pure CSS logos, which would seriously increase loading speed over image file logos. You could even create hover states, I think.

Any CSS wizards out there willing to try a few, and report back?