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

12 votes277 views3 answers
Css background image size fit screen
CSS
0 vote256 views1 answer
Css popover arrow divi menu
CSS
3 votes293 views4 answers
How to remove css from element using jquery
CSS
1 vote241 views1 answer
Css how to style a div
CSS
0 vote251 views1 answer
Css svg width 100%
CSS
0 vote266 views1 answer
Change mouse pointer on image hover
CSS
0 vote276 views1 answer
Apply image as full screen responsive background
CSS
1 vote263 views1 answer
Css grid auto resize on mobile
CSS
1 vote284 views1 answer
Css hide div on mobile
CSS
0 vote299 views1 answer
Div with specific id css
CSS