SOURCE

var panel = document.querySelector('.panel')
console.log(panel)

<div class="bonus-result--count-up">
  <div id="count-up-1" class="count-up--item">
    <div class="panel">
      <div class="item">
        0
      </div>
      <div class="item">
        1
      </div>
      <div class="item">
        2
      </div>
      <div class="item">
        3
      </div>
      <div class="item">
        4
      </div>
      <div class="item">
        0
      </div>
      <div class="item">
        1
      </div>
      <div class="item">
        2
      </div>
      <div class="item">
        3
      </div>
      <div class="item">
        4
      </div>
    </div>
  </div>
</div>

.bonus-result--count-up {
  width: 340px;
  height: 72px;
  display: flex;
  flex-direction: row;
  .count-up--item {
    width: 64px;
    height: 72px;
    line-height: 72px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(107, 107, 151, 1) 0%, rgba(57, 57, 94, 1) 100%);
    color: white;
    font-size: 64px;
    font-weight: 600;
    font-family: PingFangSC-Semibold;
    text-align: center;
    border-radius: 3px;
    & + .count-up--item {
      margin-left: 5px;
    }
  }
}

.panel-animation {
  animation: 5s move linear normal;
}

@keyframes move {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-72px*8);
  }
}