Bounce

by Ninay is Unknown

HTML

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

CSS

.ball{
  width:50px;
  height:50px;
  background-color: lightblue;
  position: absolute;
  border-radius: 50%;
  animation: bounce 1.5s ease-out 1s infinite;
}
@keyframes bounce{
  0%{
    top: 0px;
  }
  50%{
    top: 250%;
    background-color:red;
  }
  100%{
    top:0px;
  }
}