Published:

30 Apr 2004

Categories:

Browsers
Code
Website

Comments:

Using Safari? Lucky You.

I’ve spent the day scouring the web for information on whether or not any build of Mozilla has support for the CSS2 text-shadow property. It doesn’t, which sucks. Why does it suck? Because I’m not able to see what Safari 1.1+ users are able to see: drop shadows on text without graphics.

Skyzyx.com with text-shadow applied.

Now, I know that there are other ways to do it, but they require syncing the text on the page with text in your CSS file — which is fine if it’s a permanent header or something. But it doesn’t work as well with blogs.

So, alas, Safari 1.1+ users now can see the use of the text-shadow property on my site, even though I can’t. *sigh*

P.S. I didn’t work entirely blind. I used Dan Vine’s iCapture to see what I was doing.

« Update » Apparently, text-shadow has been in Bugzilla for 5 years! It appears that no one has bothered to write the code for it, and that’s the only reason why it hasn’t been implemented yet.


Comment by WilliamNo Gravatar 7 May 2004 at 1:52 am 

Is it not an good option to use Javascript to create a drop shadow effect? You can use the DOM to duplicate the text and insert an extra node. It should work on all recent browsers, even IE which doesn’t support :after and have no ill effects in older browsers.

Permalink

Comment by Ryan ParmanNo Gravatar 7 May 2004 at 9:46 am 

I suppose you could. Granted, it won’t look as good as real text-shadowing, but it could be okay, I suppose.

Permalink

Comment by KeithNo Gravatar 10 May 2004 at 5:47 pm 

The drop shadows look nice. I’ve recently been playing around with them as well.

Permalink

Comments for this post are now closed.