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

0 vote200 views1 answer
Html datalist css style
CSS
51 votes159 views6 answers
Css first element
CSS
0 vote164 views1 answer
How to change a checkbox to be selected
CSS
0 vote186 views1 answer
"selector-max-specificity"
CSS
1 vote159 views1 answer
Centering items in react css
CSS
0 vote151 views1 answer
Iphone CSS
CSS
4 votes181 views1 answer
Html make footer stick to bottom
CSS
0 vote198 views1 answer
Add dots instead of line break in css
CSS
187 votes435 views6 answers
Div background image
CSS
4 votes173 views2 answers
How to remove onclick input border
CSS