JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box"></div>

CSS

div.box {
  width: 100%;
  height: 100px;
  background: red;
-webkit-clip-path: circle(13.3% at 50% 100%);
clip-path: circle(13.3% at 50% 100%);
}