Pulsing Glow Orb
A glowing orb that breathes with a pulsing scale and shadow — great as a status or AI indicator.
<div class="orb"></div>body{background:#0d1426}
.orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9a56,#ff477e 60%,#c2185b);box-shadow:0 0 60px rgba(255,71,126,.6);animation:orb 3s ease-in-out infinite}
@keyframes orb{0%,100%{transform:scale(1);box-shadow:0 0 50px rgba(255,71,126,.5)}50%{transform:scale(1.12);box-shadow:0 0 90px rgba(255,71,126,.9)}}Free to use.This snippet is plain HTML, CSS and JavaScript with no dependencies. Copy any file, or download the whole thing as a single ready-to-open .html page.