<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%);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.