#box {
	width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  animation-name: color-change;
  animation-duration: 4s; 
  animation-iteration-count: infinite;
}

@keyframes color-change {
  0% {background-color: red; left: 0; top: 0;}
  25% {background-color: blue; left: 200px; top: 0;}
  50% {background-color: green; left: 200px; top: 200px;}
  75% {background-color: purple; left: 0; top: 200px;}
  100% {background-color: red; left: 0; top: 0;}
}