section {
            width: 100%;
            height: 100vh;
            padding: 10px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid white;
            position: absolute;
            left: 0;
            top: 0;
            background-color: #000;
        }

span {
  width: 12px;
  height: 64px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  background: currentColor;
  color: white;
  /* background-color: red; */
  animation: animloader61m 1s 1s linear infinite alternate;
}

span::before, span::after {
  content: '';
  width: 12px;
  height: 64px;
  border-radius: 4px;
  background: currentColor;
  position: absolute;
  bottom: 0;
  left: 20px;
  animation: animloader61 1s 1.5s linear infinite alternate;
}

span::after {
  left: -20px;
  animation-delay: 0s;
}

@keyframes animloader61 {
  0% {
    height: 64px;
  }
  100% {
    height: 5px;
  }
}

@keyframes animloader61m {
  0% {
    height: 64px;
    transform: translateY(0);
  }
  100% {
    height: 15px;
    transform: translateY(30px)
  }
}

<section class="loading" v-if="!loading"><span></span></section>