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 vote284 views1 answer
Vendor css
CSS
1 vote223 views1 answer
Ionchips scroll x
CSS
52 votes220 views4 answers
Css change text size
CSS
3 votes228 views4 answers
Keep aspect ratio of image css
CSS
4 votes193 views2 answers
Css blink
CSS
2 votes208 views2 answers
Aspect ratio css
CSS
0 vote226 views2 answers
Hoq to give paragraph color css
CSS
4 votes232 views2 answers
Can we use material ui and tailwind css together
CSS
0 vote267 views6 answers
Css change svg color
CSS
100 votes240 views2 answers
What is position property in css
CSS