text-shadow support

Monday, January 22, 2007 11:58:50 PM

, , ,

David Storey, our head web opener, has posted about the upcoming support for 'Selectors' (that is, CSS 3 Selectors) in Peregrine, the codename for the next big update of Opera (current 9.x series is codenamed Merlin). He also mentioned support for the 'text-shadow' property.

'text-shadow' has been dropped from CSS 2.1 because there were not enough implementations, basically it was just Safari (and other webkit-based Mac browsers) for a long time. Later iCab (a non-webkit Mac-browser) also added support, as well as Konqueror. Now, our developers also found a way to implement it.

Here's how text-shadow in Peregrine looks like on my Panelizer pages:



Note that I don't really like the 'pure' text-shadows, but I very much appreciate the blur effect. Using a little blur on :hover is also nice as a link-indicator I think - but there is no mechanism in CSS to fallback to another :hover style if text-shadow is not supported, which might make this use a bit problematic.

Our implementation seems to be quite good:
- support for multiple shadows
- limits to be maximum blur value - you can seriously hurt performance of some other browsers with big blur values

tag: five things you didn't know about meOperaFox 0.9, the new Munin

Comments

Mikeundeuxtroiskid Tuesday, January 23, 2007 6:29:24 AM

Excellent news. I'm very excited that Opera is going to support text-shadow, something that I'm personally jealous of in Safari.

FataL Tuesday, January 23, 2007 8:55:14 AM

Good! up
I would much appreciate if you guys improve opacity perfomance too...

johnoyler Tuesday, January 23, 2007 2:39:58 PM

Don't suppose it's possible to get a copy of this version unless you're an employee, is it?

Rijk Tuesday, January 23, 2007 3:20:53 PM

@johnoyler: right smile

@FataL: Peregrine is much faster with opacity, especially on Linux where it was terribly slow. I hope this can be backported to Merlin, but that is not sure yet. Anyway, text-shadow can use the cycles spared by this improvement...

Robert Błautquiris Tuesday, January 23, 2007 5:15:39 PM

Links on Safari are borked http://files.myopera.com/quiris/screens/screen-rijk.png wink

FataL Tuesday, January 23, 2007 5:36:20 PM

Anyway, text-shadow can use the cycles spared by this improvement...

That's right! It always like that... lol

Rijk Tuesday, January 23, 2007 8:44:51 PM

quiris: file a bug on webkit then smile

Looks like there is an issue with their support for system colors, because links should always be visible with my stylesheet for the Panelizer:

a[href] {
color: Highlight;
background: HighlightText;
text-decoration: none;
border-bottom: 1px solid Highlight;
}

Write a comment

New comments have been disabled for this post.