Shadow style compliance

Zachery Bir zbir at urbanape.com
Wed Aug 23 07:47:08 PDT 2006


On Aug 23, 2006, at 10:17 AM, Wayne Brissette wrote:

>> From: James Greenidge <jimwg at mac.com>
>
>> I'm composing a web page and trying to be as OW compliant as possible
>> but ran into a brick wall. How can I create a shadow font style  
>> effect
>> as shown by OW unlike most other browsers?
>
> If memory serves me correctly, you'll need to make that piece of  
> text a graphic. You can use any tool of choice, but Stone Design's  
> Create does some really nice shadows and you can use it to assist  
> you in making the web page. It's a DTP package, Web design package,  
> and drawing package all in one. ;-)

You don't need to make it a graphic. WebKit supports font styles  
including drop shadow. Drop something like this into your CSS:

.shadowed-text {
   text-shadow: 0px 2px 4px #CCCCCC; }

This won't work for non-WebKit browsers, but really, who gives a crap  
about them? ;^)

Zac



More information about the OmniWeb-l mailing list