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 votes274 views1 answer
Bootstrap 3 offset
CSS Bootstrap
1 vote289 views2 answers
Set an image half its original size css
CSS
0 vote250 views1 answer
How to link to class in CSS
CSS
0 vote260 views5 answers
How many px is iphone 12 pro max css
CSS
0 vote245 views1 answer
Css transition only once
CSS
23 votes271 views5 answers
Linear gradient border
CSS
0 vote275 views1 answer
Class html css
CSS
0 vote275 views1 answer
Applying multiple transform values to an object css
CSS
0 vote239 views1 answer
How to loop a javascript array
CSS
44 votes294 views5 answers
Breakpoint bootstrap
CSS Bootstrap