JSFiddle - React, Tailwind, and code Playground
HTML
<div class="test">123123</div>
CSS
.test {
position: absolute;
width: 300px;
height: 200px;
left: 40px;
top: 40px;
border: solid 1px green;
background-color: white;
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
.test:after {
content: "";
position: absolute;
top: 100%;
right: 0px;
bottom: -10px;
left: 0px;
background: linear-gradient(-5deg, transparent 15px, gray 25px), linear-gradient(5deg, transparent 15px, gray 25px);
background-size: 50% 100%;
background-position: 6% 0%, 94% 0%;
background-repeat: no-repeat;
}