a

README.md

<div class="audio-connecting-dot-container">
  <span class="audio-connecting-dot audio-connecting--first"></span>
  <span class="audio-connecting-dot audio-connecting--second"></span>
  <span class="audio-connecting-dot audio-connecting--third"></span>
</div>

@keyframes connecting {
    0% {
        transform: translateY(-2px)
    }

    50% {
        transform: translateY(0)
    }

    to {
        transform: translateY(2px)
    }
}

.audio-connecting-dot-container {
    width: 16px;
    height: 16px
}

.audio-connecting-dot {
    background: #fff;
    display: inline-block;
    opacity: .8;
    width: 2px;
    height: 2px;
    margin-top: 8px
}

.audio-connecting-dot.audio-connecting--first {
    animation: 1s linear infinite alternate connecting;
    margin-left: 4px
}

.audio-connecting-dot.audio-connecting--second {
    animation: 1s linear .5s infinite alternate connecting;
    margin-left: 2px
}

.audio-connecting-dot.audio-connecting--third {
    animation: 1s linear infinite alternate-reverse connecting;
    margin-left: 2px
}