Pulse & Glow Generator

Create a pulsing glow effect for buttons, icons, or other elements.

Element

Glow Color

Speed (seconds): 2s

Blur: 10px

Spread: 0px

.pulsing-element {
  animation: pulse-glow 2s infinite ease-in-out;
  /* Add other styles like background-color, width, height, border-radius */
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 10px 0px rgba(59, 130, 246, 0.75);
  }
  50% {
    box-shadow: 0 0 20px 5px rgba(59, 130, 246, 0);
  }
}