JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

body {
    background:blue;
}

div {
    width:200px;
    height:100px;
    background:black;
    margin:15px;
    position:relative;
    margin-left: 50px;
}
div:before {
    content:"";
    position:absolute;
    background: black;
    top:0;
    left:-25px;
    bottom: 0;
    width: 50px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}