Glow Effect Animation

Ethereal glow animation for buttons, cards, or special elements. Creates a pulsing light effect that adds premium feel.

CSS7/16/2025
#css#animations#effects
CSS
@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
  }
  50% {
    box-shadow: 
      0 0 20px rgba(59, 130, 246, 0.8),
      0 0 30px rgba(59, 130, 246, 0.6),
      0 0 40px rgba(59, 130, 246, 0.4);
  }
}

.glow {
  animation: glow 2s ease-in-out infinite;
}

.glow-on-hover:hover {
  animation: glow 1s ease-in-out infinite;
}
...
Loading comments...