#box {
	width: 100px;
  height: 100px;
  background-color: red;
  border: 3px solid black;
  position: relative;
  /*
    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: green; top: 0px; left: 100px;}
  66% {background-color: blue; top: 100px; left: 100px;}
  100% {background-color: red; top: 0px; left: 0px;}
}