JSFiddle - React, Tailwind, and code Playground

by grano

HTML

<div>

</div>

CSS

div {
  height: 100px;
  width: 100px;
  background: white;
  background: 
    linear-gradient(0,  green 0px,green 80px,transparent 100px);

  background-repeat:no-repeat;
  background-size: 25px 100%, 100% 25px , 25px 100%, 100% 25px , auto  auto;
}
//  linear-gradient(0, green 5px,transparent 10px);
  //  radial-gradient(circle at 50px 50px, transparent 5px,  green 5px,transparent 40px);