Trent Wyman


Firefox now supports CSS text-shadow

Categories:

I've been waiting a long time for the CSS text-shadow to be supported by Mozilla Firefox. Now with Firefox 3.5, text-shadow effects can be applied to live text just as in Internet Explorer and Safari. Finally, all 3 of the top browsers support this CSS property, no longer needing to hack or create a work-around for the Firefox browser.

https://developer.mozilla.org/en/CSS:text-shadow

To see an example of the text-shadow CSS, just look at the text within the header of this page. If you are using Firefox 3.5 you can see the gray shadow I have applied to the page title text shown above.

Here is an example of the CSS script that applies that effect:

h1 {
text-shadow:#666666 5px 5px 5px;/*--Firefox & Safari--*/
filter: Shadow(Color=#666666, Direction=135, Strength=5)/*--IE--*/
}


Announcements

DrupalCon Denver 2012 - I'm Going!

Press Release:
Michael C. Carlos Museum

Read the press release announcing the Drupal redesign of Emory University's Michael C. Carlos Museum. View Press Release