Pulse Animation

Subtle pulsing animation for buttons, notifications, or status indicators. Creates a breathing effect that draws attention.

CSS7/16/2025
#css#animations#ui
CSS
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}

.pulse {
  animation: pulse 2s infinite;
}

.pulse-fast {
  animation: pulse 1s infinite;
}
...
Loading comments...