JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div></div>

CSS

div {
  width: 50px;
  height: 50px;
  background: red;
  mask-image: radial-gradient(circle at 50% 50%, transparent 70%, black 71%);
  clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%);
}