box-shadow Examples

Example 1
box-shadow
box-shadow : 2px 2px 10px silver
box-shadow : -2px -2px 10px silver
box-shadow : 0 0 10px gray
box-shadow : 0 0 10px gray inset
box-shadow : 0 0 10px gray inset, 0 0 10px black
<style type="text/css">
    .css_test_452 {
        background : #f6f6f6;
        border : 1px solid black;
        height : 70px;
        line-height : 70px !important;
        margin-bottom : 25px;
        text-align : center;
    }
</style>

<div class="css_test_452" style="box-shadow:2px 2px 10px silver;">box-shadow : 2px 2px 10px silver</div>
<div class="css_test_452" style="box-shadow:-2px -2px 10px silver;">box-shadow : -2px -2px 10px silver</div>
<div class="css_test_452" style="box-shadow:0 0 10px gray;">box-shadow : 0 0 10px gray</div>
<div class="css_test_452" style="box-shadow:0 0 10px gray inset;">box-shadow : 0 0 10px gray inset</div>
<div class="css_test_452" style="box-shadow:0 0 10px gray inset, 0 0 10px black;">box-shadow : 0 0 10px gray inset, 0 0 10px black</div>
Example 2
box-shadow : ?px ?px silver
^_^
box-shadow :
1px
1px
box-shadow : 1px 1px silver
Example 3
box-shadow : ?px ?px ?px gray
^_^
box-shadow :
1px
1px
1px
box-shadow : 20px 20px 10px gray
Example 4
box-shadow : ?px ?px ?px ?px silver
^_^
box-shadow :
1px
1px
1px
1px
box-shadow : 1px 1px 1px 1px silver
Example 5
box-shadow : ?px ?px ?px ?px silver inset
^_^
box-shadow :
1px
1px
1px
1px
box-shadow : 1px 1px 1px 1px silver inset
Example 6
Photo, Two box-shadow
box-shadow : 5px 5px 10px red, -5px -5px 10px blue;

box-shadow : 5px 5px 10px red, -5px -5px 10px blue;<br><br>
<img src="http://cfile22.uf.tistory.com/image/24088C3354D74FB505499F" style="box-shadow:5px 5px 10px red, -5px -5px 10px blue;" />
Example 7
To apply a drop shadow to images








<img src="http://cfile2.uf.tistory.com/image/216CB14B550B9B3812A14E" style="box-shadow:0 0 15px black;" /><br>
<br>
<img src="http://cfile5.uf.tistory.com/image/217BF13954D74FB7204D75" style="box-shadow:10px 10px 5px gray;" /><br>
<br>
<img src="http://cfile10.uf.tistory.com/image/21385A4C550B9B3D10A127" style="box-shadow:0 10px 10px #A36424;" /><br>
<br>
<img src="http://cfile29.uf.tistory.com/image/21714438550B923B421996" style="box-shadow:10px 10px 0 #A9C3DD;" /><br>
<br>