Wave Bars

Five bars animate in a wave pattern.

.bwave { display:flex; gap:4px; align-items:end; height:40px; }
.bwave span { width:6px; background:#8b5cf6; border-radius:3px; animation:bw 1s ease-in-out infinite; }
.bwave span:nth-child(2){animation-delay:0.1s} .bwave span:nth-child(3){animation-delay:0.2s} .bwave span:nth-child(4){animation-delay:0.3s} .bwave span:nth-child(5){animation-delay:0.4s}
@keyframes bw { 0%,100%{height:12px} 50%{height:36px} }