Opera 9.5 launches with lots of CSS improvements
Opera have released version 9.5 of their browser today, and the good news for our readers (and web users in general) is that there are lots of CSS 3 features implemented. This article on dev.opera.com goes into more detail, but major improvements include:
- @media queries
- text-shadow
- -o-background-size
- opacity
- hsl colours
- overflow-x & overflow-y
- all css selectors
- form pseudo-classes
Download a copy today and take a look at some of the examples on our Preview pages. I’ve just noticed that the background-size example doesn’t work, but that seems to be our implementation at fault, not theirs.
June 12th, 2008 by Peter Gasston in
Browsers, CSS3 Preview.
You can leave a response, or trackback from your own site.
So, no rgba/hsla after all?
Also, you forgot about the most important addition :not()
I didn’t mention :not() specifically, but lumped it in with the other selectors. I was quite surprised by the lack of RGBA/HSLA; I’d assumed that with opacity implemented it would be fairly trivial. Obviously not.
Possibly not, opacity applied to whole element, while color to text and other parts. How do rgba colored semitransparent borders must look for example? Fonts may have anti-aliasing including subpixel rendering and how do they must look semitransparent too?
Still no border-radius support. Is it really so hard to implement? Or they just don’t consider this feature useful? I don’t get it.
The problem with border-radius is that the spec is not stable. Both Webkit and Gecko implement it, but using different syntax. The W3C is modifying the spec, but it’s not ready yet.
Resolutions 2007-11-27 ( http://www.w3.org/blog/CSS/2007/11/29/resolutions_5 )
The proposal:
http://lists.w3.org/Archives/Public/www-style/2007Nov/0261.html
Resolutions 2007-09 Beijing Part IV: CSS3 Borders ( http://www.w3.org/blog/CSS/2007/09/25/beijing_part_4 )
CSS Backgrounds and Borders Level 3: Issue 4 ( http://csswg.inkedblade.net/spec/css3-background#issue-4 )
Sounds ready enough?
HSLA and RGBA are not simple to add to our rendering engine as it sounds. They are supported post Core-2.1 (the engine in Opera 9.5) but didn’t make it in Core-2.1 as the fixes were too risky. By risky I mean there is too high risk of regressions for the time it was added to the engine - remember Opera (and to some extent WebKit) were adding things to pass Acid3 during our release cycle.
As Peter says border-radius wasn’t stable during our planning process. It is stabling off now, and we will most likely add it for the next version of the rendering engine, baring any unexpected changes.
[...] Opera 9.5 fue lanzado hoy con varias mejoras en el renderizador de CSS… de ellas la que uso mucho es overflow-x y overflow-y…. ¿existe la palabra renderizador? [...]
[...] CSS3.info: Opera 9.5 launches with lots of CSS improvements [...]
[...] http://www.css3.info/opera-95-launches-with-lots-of-css-improvements/ [...]
This release feels quite rushed… As if they wanted Opera 9.5 to be released before Firefox 3 at all costs.
It’s a shame some nasty CSS bugs/regressions haven’t been fixed months after they’ve been reported, like the one you can see on this testcase: http://stifu.free.fr/dl/temp/opera-opacity-bug.html
[...] Impressively, the official release of the browser came only two days after the release of the Opera 9.50 Release Candidate build. For interesting facts about the release, you can check out the official announcement or the coverage at Opera Watch. The latter also has some additional coverage on the new skin change. Or, if you’re interested in the improvements made in Opera 9.5 on the CSS front, be sure to look at CSS3 . Info’s synopsis. [...]
Opera 9.5…
After using Opera 9.5 for a few days, I am quite happy with its performance. While a lot of people were really looking forward to Firefox 3, the Opera team released Opera 9.5 with much less noise and much more improvements.
Opera 9.5 scores 83/100 on t…
I prefer Opera because there are much more inprovements and i can’t login in websites when i am using FF3. Opera’s new version is very fast and very stable.
[...] has support for some of the newer CSS3 features like text-shadow and @media queries. It also has EV SSL support, which makes it a safer browser [...]