html
                 <div class="loader">
  <div class="ball"></div>
  <div class="ball"></div>
  <div class="ball"></div>
</div>
 
            

        
css
                 .loader{
  width: 120px;
  height: 75px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 20px;
}

.ball {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: blue;
  animation: bounce .5s alternate infinite;
}

.ball:nth-child(2) {
  animation-delay: .16s;
}

.ball:nth-child(3) {
  animation-delay: .32s;
}

@keyframes  bounce {
  from {
    tranform: scaleX(1.25);
  }
  to {
    transform: translateY(-50px) scaleX(1)
  }
}
 
            

            
js