text-shadow support
Monday, 22. January 2007, 23:58:50
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
'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
WIDGETIZE
undeuxtroiskid # 23. January 2007, 06:29
FataL # 23. January 2007, 08:55
I would much appreciate if you guys improve opacity perfomance too...
johnoyler # 23. January 2007, 14:39
Rijk # 23. January 2007, 15:20
@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...
quiris # 23. January 2007, 17:15
FataL # 23. January 2007, 17:36
Rijk # 23. January 2007, 20:44
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;
}