body  {
background-color: white;
}

.shape1 {
  width: 100px;
  height: 100px;
  background-color: blue;
  animation-name: shapechange;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}


@keyframes shapechange {
  0% {
    border-radius: 100px;
    width: 100px;
    height: 200px;
  }
  60% {
    border-radius: 50px;
  }
  100% {
    border-radius: 25px;
  }
}