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

1 vote320 views2 answers
Selector css
CSS
1 vote354 views2 answers
Overflow x not hidden
CSS
1 vote330 views1 answer
Css random
CSS
0 vote283 views1 answer
Css grid no stretch
CSS
-1 vote311 views1 answer
Bootstrap scrollable modal
CSS
1 vote318 views2 answers
Css scroll y showing scroll bar
CSS
16 votes294 views4 answers
Arrow left css
CSS
0 vote310 views1 answer
Css calc function
CSS
3 votes289 views2 answers
Css for internet explorer only
CSS
0 vote306 views1 answer
Css font family narrow fonts
CSS