CSS Box Shadow

.shadow {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}

  1. The straight offset of the darkness, favorable suggests the shadow will perform the right of the box, an unfavorable balanced out will place the shadow on the left of the box.
  2. The upright offset of the darkness, an adverse one indicates the box-shadow will certainly be above the box, a positive one suggests the darkness will be here the box.
  3. The blur span (optional), if set to 0 the darkness will certainly be sharp, the higher the number, the even more blurred it will be.
  4. The spread radius (optional), favorable values raise the dimension of the darkness, negative values minimize the dimension. Default is 0 (the darkness is exact same dimension as blur).
  5. Colour

Inner Shadow

.shadow {
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
}

“CSS Box Shadow”