<div class="shape"></div>
.shape {
position: relative;
width: 200px;
height: 100px;
background: black;
clip-path: polygon(10% 0%, 90% 0, 100% 100%, 0% 100%);
}
.shape::after {
position: absolute;
top: 2px;
left: 2px;
display: block;
content: "";
width: 196px;
height: 96px;
background: greenyellow;
clip-path: polygon(10% 0%, 90% 0, 100% 100%, 0% 100%);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.