How to apply box-shadow on all four sides?

css box-shadow
dragonfly picture dragonfly · Apr 10, 2011 · Viewed 203.2k times · Source

I'm trying to apply a box-shadow on all four sides. I could only get it on 2 sides:

Answer

Damb picture Damb · Apr 10, 2011

It's because of x and y offset. Try this:

-webkit-box-shadow: 0 0 10px #fff;
        box-shadow: 0 0 10px #fff;

edit (year later..): Made the answer more cross-browser, as requested in comments :)

btw: there are many css3 generator nowadays.. css3.me, css3maker, css3generator etc...

Related questions

CSS Box Shadow Bottom Only

How can I do this? I want my element to look as though it has a shadow underline. I don't want the shadow for the other 3 sides.

Read More
How can I add a box-shadow on one side of an element?

I need to create a box-shadow on some block element, but only (for example) on its right side. The way I do it is to wrap the inner element with box-shadow into an outer one with padding-right and overflow:hidden; …

Read More
Is there a 'box-shadow-color' property?

I have the following CSS: box-shadow: inset 0px 0px 2px #a00; Now I am trying to extract that color to make the page colors 'skinnable'. Is there any way of doing this? Simply removing the color, and then using the …

Read More