Box Shadow
<!-- Box Shadow -->
<div class="box">
</div>
<style>
/* */
.box {
margin: 3em auto;
width:700px;
height:500px;
border-radius: 8px;
background-image:url ('bg.jpg');
box-shadow: 20px 20px 30px -10px rgba(0,0,0,.8);
box-shadow: inset 0px 0px 6px 4px;
/* first horizontal offset
positive value to right or negative value to the left */
/* second vertical offset
positive value to down or negative value to the up */
/* third blur
larger the blured */
/* third spread
the size of a shadow */
/* fourth color
the color of the a shadow */
box-shadow: 2px 2px 15px 5px blue, -2px -2px 15px 5px red, 0px 20px 25px -8px #000;
}
</style>