Click to See Complete Forum and Search --> : shadow


PeOfEo
06-20-2003, 04:55 PM
Is there a way to put some shading around an element using css. I am not talking about a border I mean like a bottum right dropped shadow. If so someone show me some code and Ill play with it a bit.

DaveSW
06-21-2003, 04:44 PM
This is in the spec but I can't get it to work

text-shadow: 3px 3px 5px red;

ie the shadow is offset 3px in the x and y directions, has a blur of radius 5px and is red in color.

Hope you have more luck than I did

Dave

PeOfEo
06-21-2003, 06:22 PM
Thanks for your help, Ill play with it. I have not seen it on any sites thats why I ask.

DaveSW
06-24-2003, 10:19 AM
the filter:dropshadow(); seems to work better

PeOfEo
06-24-2003, 01:50 PM
Well how would I use that I mean say I want to put shadow around the outside of a div do I just say style="dropshadow: 5px or something?

nkaisare
06-24-2003, 04:35 PM
As of now, the only way to get shadow is to repeat the text and position it appropriately using CSS. Craig Saila has a nice tutorial on it at http://www.saila.com/usage/shadow/

filter:dropshadow(); is IE-specific DHTML filter, I believe.
http://www.w3schools.com/dhtml/dhtml_css.asp

PeOfEo
06-25-2003, 01:55 AM
Wow thank you. The box one is exactly what I was looking for. I will have to book mark this.