Opera Logo made in CSS

March 17, 2010 · by Aleksander Aas

It all started when David DeSandro, a graphic & web designer, has made a version of the Opera Logo using nothing but CSS. When we saw it, we thought cool - but why is he using gradients? That's not CSS3.

It turns out that Håkon Wium Lie, the godfather of CSS, now has made a standard compliant Opera logo in pure CSS! Good stuff.

Readers' comments 21

Left under the original article, as archived.

TamilWednesday, March 17, 2010 12:33:14 PM
Sami SerolaWednesday, March 17, 2010 12:35:27 PM
Hmm... Cool http://files.myopera.com/Tamil/Smilies/Cool.gif - Looks good and surprisingly little CSS needed.
Dark FurieWednesday, March 17, 2010 12:37:40 PM
Coolio.
ouzowtfWednesday, March 17, 2010 12:38:54 PM
Artur „Jurgi” JurgawkaWednesday, March 17, 2010 2:05:32 PM
Hehehe, it looks funny on 10.10.
Mağruf ÇolakoğluWednesday, March 17, 2010 2:48:28 PM
I saw this 2 days ago and now
Very nice.
dahulevogyreWednesday, March 17, 2010 2:49:01 PM
look how this one has a cleaner code : http://helmersworks.com/demo/opera_logo.html
Ryan AlfinoWednesday, March 17, 2010 4:10:14 PM
keroseneWednesday, March 17, 2010 6:07:46 PM
Looks better than the one used now...
Sami SerolaWednesday, March 17, 2010 8:05:04 PM
Originally posted by Jurgi:

Hehehe, it looks funny on 10.10.

Yes, very funny http://files.myopera.com/Tamil/Smilies/BigGrin.gif - Cubistic Opera logo!
PozsonyiMarkWednesday, March 17, 2010 8:43:40 PM
nice work
d4rkn1ghtWednesday, March 17, 2010 8:45:17 PM
Charles SchlossWednesday, March 17, 2010 9:17:16 PM
techlawsamWednesday, March 17, 2010 10:40:12 PM
love it
MediumThursday, March 18, 2010 11:59:40 AM
Funny tricks
In newest K-Meleon logo looks as in IE.
Aleksander AasThursday, March 18, 2010 12:27:38 PM
Originally posted by dahulevogyre:

look how this one has a cleaner code : http://helmersworks.com/demo/opera_logo.html

It sure does!
Dexter MFriday, March 19, 2010 5:27:05 AM
looks cubic even in Opera Mini 5

Edit: Same effect in OM 10 WM.!
ludwingoblitasbarbaTuesday, March 23, 2010 6:56:38 PM
en 5 minutos:clown:
Bartek ŁabnoWednesday, March 24, 2010 10:37:51 AM
It kills IEv3 and IEv4 , cubic in Opera Mini 4.2 and later versions of IE, looks good in Chrome an FF.
Looks nice.
YuanTuesday, September 21, 2010 8:38:06 AM
amazingly awesome
ARMAN cakh tegal...Wednesday, February 16, 2011 3:52:49 AM
salam kenal