1.yourElement {
2 /* offset-x | offset-y | blur-radius | spread-radius | color */
3 -webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
4 -moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
5 box-shadow: -4px -3px 45px 21px rgba(0,0,0,0.35);
6}
1/* CSS box shadow look like paper lift up*/
2/* provide shadow to all four corners */
3/* source - W3Schools.com */
4 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
1<!Doctype>
2<html>
3<head>
4 <style>
5 .img {
6 width: 400px;
7 height: 200px;
8 border:2px solid #fff;
9 background: url(img/tiger.png) no-repeat;
10 box-shadow: 10px 10px 5px #ccc;
11 -moz-box-shadow: 10px 10px 5px #ccc;
12 -webkit-box-shadow: 10px 10px 5px #ccc;
13 -khtml-box-shadow: 10px 10px 5px #ccc;
14 }
15 </style>
16</head>
17<body>
18 <div class="img"></div>
19</body>
20</html>