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 vote270 views1 answer
Button click css style
CSS
0 vote205 views1 answer
Change the bullet point color css
CSS
-1 vote222 views1 answer
Tailwindcss top
CSS
0 vote173 views1 answer
Css make background image repeat horizontal
CSS
0 vote166 views1 answer
Gulp postcss scss
CSS
0 vote201 views1 answer
Api not working in github pages
CSS
0 vote196 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
0 vote335 views1 answer
Video camera icon font awesome
CSS
-1 vote244 views1 answer
How to many image fullscreen in css
CSS
0 vote186 views1 answer
Margin not working on inline elements
CSS