The Opera logo, rendered only with CSS and without the use of images.

Posted under

Notebook
Web

Comments

Related Entries

After hearing news about another browser being released for the iPhone, I was excited about another option. They threw all the great tools at us, but that’s where it ends.

Historical Browser Statistics

An orange-tailed trend in the browser wars, hopefully to continue over the next few years.

Helvetic Branding

A peek into the design process of Swiss Designer David Pache, and his design company Helvetic Brands.

CSS3 Opera Logo

Mar 29, 2010

A look at how CSS3 can illustrate a full image, designer David Desandro uses the border-radius, box-shadow and gradient CSS properties to draw a fully rendered Opera logo. While impressive, I’m not sure how practical it is. But as David points out, there is no dependency on resolution and any image created with pure CSS will have no pixelation even if scaled to the maximum value within the browser.

Link: CSS3 Opera Logo →