Jump to content
Stef's Coding Community

CSS3 Box Shadows

Recommended Posts

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;

Share this post

Link to post
Share on other sites

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.

Share this post

Link to post
Share on other sites

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! :)

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...