JSFiddle - React, Tailwind, and code Playground

by Thadeusz

HTML

<div>

</div>

CSS

div {
  height: 30px;
  width: 40px; 
  border: 50px solid black;
  border-image: 
  radial-gradient(circle at 20px 30px, green 20px, rgba(0,0,255, .5) 20px),
  radial-gradient(30deg, blue 22px, red 22px);
  
}