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

22 votes370 views2 answers
Rgb gold color
CSS
-1 vote388 views2 answers
Css clip path text
CSS
0 vote310 views2 answers
Vertically and horizontally center a fixed div
CSS
0 vote341 views1 answer
Css video background
CSS
1 vote354 views1 answer
Input type search remove x
CSS
2 votes335 views1 answer
Minimum margin css
CSS
3 votes367 views1 answer
Inline block align center
CSS
6 votes328 views4 answers
Change border highlight color on an input text element
CSS
0 vote341 views1 answer
Overflow-wrap: anywhere
CSS
0 vote361 views1 answer
Html5 video hide timeline bar
CSS