Rotate box-shadow

.item {
    position: relative; /* or absolute */
}

.item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;

    box-shadow: -50px 80px 4px 10px #555;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}

Source: stackoverflow.com

Similar codes

58 votes362 views6 answers
How to center a div vertically and horizontally
CSS
1 vote337 views1 answer
Css select text inside div
CSS
2 votes379 views1 answer
Table overflow not working
CSS
7 votes417 views2 answers
Background color semi transparent
CSS
11 votes329 views1 answer
Css disable mouse events
CSS
0 vote427 views1 answer
Remove materialize style input
CSS Materialize
0 vote394 views1 answer
List-style-type flex
CSS
0 vote334 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
41 votes336 views3 answers
Centre align in position absolute
CSS
15 votes346 views2 answers
Get rid of arrows number input
CSS