Pulsing Dots

<div class="pd"><span></span><span></span><span></span></div>

.pd {
  display: inline-flex;
  gap: 8px;
}
.pd span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #a78bfa;
  animation: pd-bounce 1.2s ease-in-out infinite;
}
.pd span:nth-child(2) { animation-delay: 0.15s; }
.pd span:nth-child(3) { animation-delay: 0.3s; }
@keyframes pd-bounce {
  0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
  40% { opacity: 1; transform: scale(1.2); }
}