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

72 votes175 views6 answers
Position absolute center
CSS
0 vote223 views1 answer
3d rotating text css
CSS
0 vote244 views1 answer
Table td data in middle
CSS
0 vote180 views1 answer
Au fourneua bakery
CSS
0 vote172 views1 answer
Align grid items with end
CSS
7 votes183 views3 answers
Border-width in percentage
CSS
40 votes204 views6 answers
How to write css
CSS
0 vote181 views1 answer
Carbon today date with 12 00 am
CSS
0 vote165 views2 answers
How set image at top in wordpress
CSS
2 votes134 views1 answer
Css scrollbar thumb height
CSS