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.

HTML5 Readiness

The web moves at a fast pace, but it’s up to the browsers to keep up with the latest technologies.

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 →