7/13/2014 - 1:50 AM

Box Shadow

Box Shadow

<!-- Box Shadow -->

<div class="box">



/*    */

.box {
    margin: 3em auto;
	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;