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

1 vote109 views1 answer
Layer on top in javascript
CSS
0 vote101 views1 answer
Repeating-linear-gradient
CSS
1 vote110 views1 answer
Add cursor to html button
CSS
1 vote94 views1 answer
How to use rgba in css
CSS
1 vote143 views1 answer
Input date icon color change
CSS
8 votes107 views6 answers
Overlay css background image
CSS
0 vote122 views1 answer
Calendar api
CSS
0 vote100 views1 answer
Remove 000webhost ads
CSS
0 vote107 views1 answer
Fabric bring to front element top
CSS
7 votes107 views3 answers
Push failed
CSS