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

0 vote223 views1 answer
Hiding button border when clicked
CSS
4 votes211 views1 answer
Flexbox center and space between
CSS
2 votes163 views1 answer
Css scrollbar thumb height
CSS
0 vote197 views1 answer
#f2f2f2 in rgba
CSS
1 vote218 views1 answer
Sass calculate and concat pixels
CSS
0 vote228 views1 answer
Feature detect css
CSS
2 votes189 views2 answers
Css width percentage
CSS
9 votes201 views3 answers
How to add a background color in css
CSS
3 votes198 views1 answer
Select text-align center
CSS
0 vote212 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS