Shadow

**Totte_ch** · 12-19-2007 08:53 AM

Hey

Does any1 know how to make a simple nice shadow to a <font>-element?
The shadow should be: 2px down, 2px left and black...

Thanks for help!
//Christoffer

**gil davis** · 12-19-2007 11:09 AM

You might want to ask that on the CSS forum.

**magentaplacenta** · 12-19-2007 12:05 PM

Yeah, CSS is what you want. CSS3 specifies a text-shadow property (http://www.w3.org/TR/2003/CR-css3-te.../#text-shadows) but browser support is pretty poor at this time.

The following works in (the latest PC based) Firefox, Safari and Opera but NOT in IE 6. Don't have access to a Mac here at work.

<html>
<head>

<style type="text/css">
.shadow { position:relative; display:block; color:#fff; }
.shadow span { position:absolute; display:block; top:0px; }
.shadow:before { display:block; padding:1px; content: attr(title); color:#666; }
</style>

</head>
<body>

<p class="shadow" title="This is white text, on a white background. Yet with CSS Drop Shadows, you can read this, because of the black text-shadow."><span>This is white text, on a white background. Yet with CSS Drop Shadows, you can read this, because of the black text-shadow.</span></p>

</body>
</html>

Thread: Shadow

Thread Tools

Display

Shadow

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions