Posted By

macodev on 04/05/11


Tagged

css box shadow


Versions (?)

CSS Box Shadow


 / Published in: CSS
 

Overdoing it may result in looking weird but using it with style can add a certain classy look to your divs without using any images to do so. The box shadow property is one of the new things that CSS 3 brings us and one of the most wanted.

  1. Outer shadow
  2. .shadow {
  3. -moz-box-shadow: 5px 5px 5px #ccc;
  4. -webkit-box-shadow: 5px 5px 5px #ccc;
  5. box-shadow: 5px 5px 5px #ccc;
  6. }
  7.  
  8. Inner shadow
  9. .shadow {
  10. -moz-box-shadow:inset 0 0 10px #000000;
  11. -webkit-box-shadow:inset 0 0 10px #000000;
  12. box-shadow:inset 0 0 10px #000000;
  13. }

Report this snippet  

You need to login to post a comment.