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

3 votes126 views2 answers
How to split a background into two color in css
CSS
0 vote133 views1 answer
Delete files with help of .getignore
CSS
34 votes127 views6 answers
How to align text in css
CSS
0 vote214 views3 answers
Bulma capitalized
CSS Bulma
5 votes133 views2 answers
Make background overlay css
CSS
0 vote128 views1 answer
Como tirar o x do search input
CSS
0 vote117 views1 answer
Ipad pro css
CSS
1 vote128 views1 answer
How to make a relative div not take up space
CSS
0 vote131 views4 answers
How to pass html number to css
CSS
28 votes136 views5 answers
Default cursor css
CSS