div
{
width:900px;
height:50px;
position:relative;
animation:myfirst 5s linear 2s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 5s linear 2s infinite alternate;
}

@keyframes myfirst
{
0%   {left:0px; top:0px;}
25%  {left:200px; top:0px;}
50%  {left:-400px; top:300px;}
75%  {left:0px; top:200px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:0px; top:0px;}
25%  {left:200px; top:0px;}
50%  {left:-200px; top:200px;}
75%  {left:0px; top:200px;}
100% {left:0px; top:0px;}
}
 
h1 {
  font: 80px/300px Helvetica, sans-serif;
  height:100px;
  text-align: center;
}