JSFiddle - React, Tailwind, and code Playground

by Mahadevan Sivasubramanian

HTML

<figure class="sphere"></figure>

CSS

.sphere{
   display: block;
  background: black;
  border-radius: 50%;
  height: 300px;
  width: 300px;
  margin: 0;
    background: radial-gradient(circle at 150px 150px, #ffffff, #aaa);

}