CSS for Logo Design
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?
I’d be cautious by relying too much on CSS quirks as they tend to vary from browser to browser and even occasionally be “fixed” as new versions come out.
True, true.
Are borders rendered differently in different browsers?
With the opportunity of the post we wish to add our comment regarding logo design. We notice lately a portion of people seeking for automatic logotype creation solutions. Some of them are software applications created for that reason or just random ideas to enable them to create a logo set automatically. Even every website/company owner is the greatest person to understand the complete needs of his business, we would want to encourage people to look for specialist through design agencies and logo designers. The prices are really affordable and the results stunning. The 1st look is essential and the ones should notice being an investment and never like a quick step they must complete on their own.