div.wave {
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}
div.wave .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
  background: #303131;
  animation: wave 1.3s linear infinite;
}
div.wave .dot:nth-child(2) {
  animation-delay: -1.1s;
}
div.wave .dot:nth-child(3) {
  animation-delay: -0.9s;
}

@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-15px);
  }
}