JSFiddle - React, Tailwind, and code Playground

by AlienWebguy

HTML

<div id="container">
    <div id="white"></div>
    <div id="black"></div>
</div>

CSS

#container {
    position:relative;
    top:20px;
    left:20px;
}

#container div {
    border-top-left-radius:50px 200px;
    border-bottom-left-radius:50px 200px;
    -moz-border-radius-topleft:50px 200px;
    -moz-border-radius-bottomleft:50px 200px;
    position:absolute;
}

#white {
    width:25px;
    height:200px;
    background-color:#FFF;
    top:1px;
    left:1px;
    z-index:1;
}
#black {
    width:27px;
    height:203px;
    background-color:#000;
    z-index:0;
    top:0px;
    left:0px;   
}