div{width:300px;height: 100px;
background-color: #ff00cc;
box-shadow: 10px 10px 5px #ff33ff; }

div{ width: 300px;height: 100px;
background-color: #000066;
box-shadow: 10px 10px 10px #003399; }

div{ width: 300px; height: 100px;
background-color: #ff3300;
box-shadow: 10px 10px 15px #ff6600; }

The box-shadow attribute has 4 variables. The 1st sets the horizontal shadow. The 2nd vertical shadow . The 3rd blur. The 4th shadow color.