JSFiddle - React, Tailwind, and code Playground

by Liu David

HTML

<div class="gradient">

</div>

CSS

div{
  width:160px;
  height:160px;
  border:solid 1px blue;
}

.gradient{
  background-image: radial-gradient(circle at 50% 0%, #f00 44.7%, transparent 44.7%);//5**0.5/5
}