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

7 votes166 views4 answers
Change button color html
CSS
1 vote156 views1 answer
Display none but keep space
CSS
2 votes155 views2 answers
Disable right click with css
CSS
1 vote176 views1 answer
Create a animation name in css
CSS
0 vote148 views1 answer
All Stylesheet Media Types
CSS
3 votes156 views3 answers
Css overflow elipsis
CSS
4 votes140 views2 answers
Gap between two flex items
CSS
0 vote182 views1 answer
Bootstrap-scss github
CSS Bootstrap
29 votes175 views4 answers
How to remove underline of link in css
CSS
8 votes144 views2 answers
Horizontal align icon css
CSS