JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="content"></div>

CSS

body {
	background: yellow;
}

.content {
	background-color: red;
	height: 200px;
  mask-image: radial-gradient(transparent 49.9%, white 50.1%);
  mask-size: 1em 1em;
  mask-repeat: repeat-x;
  mask-position: center;
	width: 200px;
}