Your Ad Here

advanced code snippet search

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.

Expand | Embed | Plain Text 
  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.