Thread: Shadows on a div

Can anyone help with getting drop shadow on a div? I want to keep it outside, all over the div.

You want it all over the box?

try this:

Code:

box-shadow: 0 0 10px 10px #555;

first two numbers are offset. if you want it all over the box, leave them both on zero value.
next number is blur distance and then goes spread distance.
last thing is color of the shadow.

you can do this:

Code:

box-shadow: 0 0 10px #555;

it's valid and you will get shadow all over the div with blur distance of 10px.

change offset values to get it where you need it.

Hope this helps

thank you! no hack needed for crossbrowser functionality?

you should use the prefixes:

Code:

box-shadow: ...
-moz-box-shadow: ...  
-webkit-box-shadow: ...

fill them with the same as you did in box-shadow.

thank you martin!