Button Glow Pulse
Hover to triggerThe glow keeps breathing after hover, pulling focus to the primary action.
Move the pointer over the box
Triggered by
:hover and never auto-plays on load. Move the pointer in and out to watch it again.
Tune parameters
Interactive animations are driven by pointer state; duration and easing live on
transition / animation — change the numbers in the code below.
Full code
/* Button Glow Pulse */
.anim-btn-glow-pulse:hover {
animation: btnGlowPulse 1.8s ease-in-out infinite;
}
@keyframes btnGlowPulse {
0%, 100% { box-shadow: 0 0 0 4px rgba(37,99,235,.16), 0 8px 20px rgba(37,99,235,.35); }
50% { box-shadow: 0 0 0 10px rgba(37,99,235,.08), 0 12px 28px rgba(37,99,235,.5); }
}