JSFiddle - React, Tailwind, and code Playground

by slawe

HTML

<div></div>

CSS

div {
    display: inline-block;
    position:absolute;
    left: 100px;
    top: 0;
    width:200px;
    height:500px;
    background:black;
    margin:15px;
    position:relative;
    border-bottom-right-radius: 100px 150px;
    -webkit-transform: skew(-15deg);
}

div:before {
    content:"";
    position:absolute;
    background: black;
    top:0;
    left:0;
    width: 50px;
    
}