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

9 votes179 views3 answers
Bootstrap badge color
CSS
0 vote197 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
4 votes145 views3 answers
Css animation delay
CSS
266 votes482 views2 answers
Font awesome 5 pro cdn link
CSS
0 vote254 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
0 vote197 views1 answer
Bootstrap accessibility
CSS Bootstrap
12 votes236 views6 answers
Wordpress enqueue script
CSS
45 votes218 views3 answers
Collapse all code vscode
CSS
2 votes182 views1 answer
Half border bottom
CSS
0 vote182 views1 answer
Override vuetify container width
CSS