JSFiddle - React, Tailwind, and code Playground

by Yusril Maulidan Raji

HTML

<div class="test"></div>

CSS

.test {
  width: 500px;
  height: 400px;
  border: solid 1px green;
  background: 
  radial-gradient(ellipse 70% 100% at top right, black, transparent),   
               radial-gradient(ellipse 70% 100% at bottom right, black, transparent),
               linear-gradient(to left, white 20%, transparent);
  background-size: 100% 80%, 100% 80%, 100% 100%;
  background-position: top left, left 100%, top left;
  background-repeat: no-repeat;
}