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

6 votes209 views6 answers
Console.log with color font
CSS
39 votes177 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote211 views1 answer
Css change scroll anchor point under navbar
CSS
0 vote207 views1 answer
Css select alternate elements
CSS
0 vote262 views1 answer
How to make gray ufing rgb in css
CSS
0 vote201 views1 answer
Css convert td to tr
CSS
0 vote213 views1 answer
Stop padding from changing div size
CSS
23 votes211 views1 answer
What is shadow house about
CSS
2 votes209 views1 answer
Vh vs vw css
CSS
1 vote198 views2 answers
Round one side of div css
CSS