JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<div></div>

CSS

div {
    background: red;
    -webkit-mask:
        -webkit-radial-gradient(
            50px 50px,
            hsl(0, 0%, 100%) 0,
            hsl(0, 0%, 100%) 50px,
            hsla(0, 0%, 0%, 0) 50px
        );
    -webkit-mask-repeat: repeat-y;
    -webkit-mask-size: 100px 150px;
    height: 700px;
    width: 100px;
}