CSS - Box Shadow

About

shadow on a box is created via the box-shadow property that attaches one or more drop-shadows to the box.

Example

• A div element to create a box with a shadow

<div class="shadowedBorderBox"></div>

• The css applied to the class shadowedBorderBox

.shadowedBorderBox {
    /* the box shadow */
    box-shadow: 5px 5px 5px #666;
    /* a border to see the box */
    border: 1px solid blue; 
    /* width and height because has no intrinsic width and height */
    width: 60px; 
    height: 60px; 
}

• The result:

Documentation / Reference

• For more, you can check the Css background 3 box-shadow reference documentation