JSFiddle - React, Tailwind, and code Playground

by iqballord

HTML

<div class="circle-gradient">
 
</div>

CSS

.circle-gradient {
  width: 300px; /* Adjust as needed */
  height: 300px; /* Adjust as needed */
  background: radial-gradient(
    circle,
    rgba(231, 51, 255, 0.5) 10%,
    rgba(207, 67, 255, 0.48) 40%,
    rgba(0, 204, 255, 0.5) 100%
  );
  border-radius: 50%;
}