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}
1filter: drop-shadow(30px 10px 4px #4444dd);
2drop-shadow(offset-x offset-y blur-radius color)
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>