#box {
  width: 100px;
  height: 100px;
    background-color: red;
  border: 3px solid black;
  /*
  animation-name: color-change;
  animation-duration: 5s;
  
  animation-delay: 3s;
  animation-iteration-count: infinite;
  */
 animation: color-change 5s infinite;
}

@keyframes color-change {
  0% {background-color: red; top: 0px; left: 0px;}
  33% {background-color: blue; top: 0px; left: 100px;}
  66% {background-color: white; top: 100px; left: 100px;}
  100% {background-color: red; top:0px; left: 0px;}
}