Opera Border Radius in 2010?
Opera has been maybe the most standards-conscious browser over its lifetime. This has resulted in frustration among users, who believe it to be “broken” because it doesn’t render lazy code correctly — code that takes advantage of the forgiveness of other browsers, allowing you to write sloppily and get away with it.
But it has also resulted in frustration among web developers, who are impatient at Opera’s reluctance to adopt any standards that haven’t been laser-etched into platinum tablets down in the W3C’s basement foundry. Among them is the border-radius property, an effect that will probably be out of vogue anyway by the time Opera’s Presto engine implements it. Of course, since CSS3 has been kicked around the W3C offices since 1999, and border-radius itself since 2001, most other engines (Gecko, WebKit, KHTML) stopped waiting and began inventing their own properties for this effect. Presto has not.
In the course of reminding myself of this lamentable fact by searching for workarounds today, I noticed that some Opera developers are casually dropping hints that the full-blown, unqualified, W3C-crafted border-radius itself has made an appearance in Presto 2.3, and that the next version of Opera will be powered by 2.4.
It’s all true, I saw it on Twitter.
I have been playing with this today, and it is true. I have the latest version of Opera on Windows and have successfully used border-radius without a vendor prefix. It uses the specific corner versions that webkit does rather than the way mozilla does (these do the same thing, first if mozilla, second in opera):
–moz-border-radius-topleft: 200px 300px;
–moz-border-radius-topright: 200px 300px;
–moz-border-radius-bottomleft: 200px;
–moz-border-radius-bottomright: 200px;
border-top-left-radius: 200px 300px;
border-top-right-radius: 200px 300px;
border-bottom-left-radius: 200px;
border-bottom-right-radius: 200px;
Thank you Opera. Now all my uses of the standard won’t have been for nothing.
So… hang on, among all these vendor prefixes I’ve been seeing… you mean to tell me “-o-border-top-left-radius:” was just a waste of space? And that Presto never had a vendor-specific extension for border-radius…?
Man, what a waste of 26 bytes.