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 vote70 views1 answer
Css flex fixed width
CSS
7 votes110 views3 answers
Make text unselectable css
CSS
57 votes117 views2 answers
Hegith specific css in media query
CSS
1 vote114 views1 answer
Tailwind hover
CSS
104 votes141 views6 answers
Media screen
CSS
6 votes107 views1 answer
How to make text wrap on overfloe with css
CSS
0 vote128 views1 answer
Css fadeIn opacity transition
CSS
21 votes135 views6 answers
Text border css
CSS
109 votes116 views6 answers
What is padding in css
CSS
0 vote162 views1 answer
Change hover color link in wordpress
CSS