.div
{
width:250px;
height:100px;
background:red;
position:relative;
animation:myfirst 5s linear 2s infinite alternate;
/*Safari and Chrome: */
-webkit-animation:myfirst 5s linear 2s infinite alternate;
}

@keyframes myfirst
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:0px; top:250px;}
75%  {background:green; left:0px; top:250px;}
100% {background:red; left:0px; top:0px;}
}

@-webkit-keyframes myfirst /*Safari and Chrome */
{
0%   {background:red; left:0px; top:0px;}
25%  {background:yellow; left:0px; top:0px;}
50%  {background:blue; left:0px; top:250px;}
75%  {background:green; left:0px; top:250px;}
100% {background:red; left:0px; top:0px;}
}