JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="planet">

</div>

CSS

body {background-color:#000000;margin:50px;}
.planet {width:300px;height:300px;border-radius:500px;background-color:#000000;margin:auto;
animation: glow 2s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    box-shadow: 0px 0px 38px 0px rgba(45,255,196,0);
  }
  to {
    box-shadow: 0px 0px 38px 0px rgba(45,255,196,90);
  }
}