rotate box shadow

1.item {
2    position: relative; /* or absolute */
3}
4
5.item:before {
6    content: "";
7    position: absolute;
8    top: 0;
9    left: 0;
10    right: 0;
11    bottom: 0;
12    background: transparent;
13
14    box-shadow: -50px 80px 4px 10px #555;
15    -webkit-transform: rotate(10deg);
16    -moz-transform: rotate(10deg);
17    -o-transform: rotate(10deg);
18    -ms-transform: rotate(10deg);
19    transform: rotate(10deg);
20}
21