JSFiddle - React, Tailwind, and code Playground

by ivanovsuper

HTML

<div></div>
    
<p></p>
    
<span></span>

CSS

div, p, span {
    width: 150px;
    height: 150px;
    background: purple;
    margin: 20px;
    display: block;    
}

div { border-radius: 20px/50px; } 
p   { border-radius: 20px 0 / 50px }
span {
    border-top-left-radius: 20px 50px;
    border-top-right-radius: 20px 50px;
}