CSS3 Box Shadows

[Susie]

I have a silly question, but I can't seem to figure it out. Is there a way to make a CSS3 box shadow show on all sides of the container instead of just two sides? No matter how I change the following code, the only time I see the shadow is when it's on the right and bottom. CSS declarations with only 3 numbers like this confuse me.

 

-moz-box-shadow: 5px 5px 10px #d1d1d1;
-webkit-box-shadow: 5px 5px 10px #d1d1d1;
box-shadow: 5px 5px 10px #d1d1d1;

[coollew]

Hi Susie:

Not a silly question I dont have that much experiance with the css3 box shadows,

but i think i can help out with the CSS shorthand commands and there values.

 

4 values=top,right,bottom,left

 

3 values=top,(right and left),bottom

 

2 values=(top and bottom) (right and left)

 

1 value=top,bottom,(right and left)

 

hope that helps.

[Wickham]

collew's code is for CSS but box-shadow is different. See

http://www.css3.info/preview/box-shadow/

Look at example F lower down the page.

[Susie]

Thanks so much to both of you! The 3 number shorthand has always confused me. I think I've got it now. And the box shadow....I've learned something new. Thanks again!