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

<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


Powered by ComboStrap