@keyframes myfirst{
0%{background: red; left:0px; top:0px;}
20%{background: yellow; left:200px; top:0px;}
50%{background: blue; left:200px; top:200px;}
75%{background: green; left:0px; top:200px;}
100%{background: red; left:0px; top:0px;}
}
div{
animation: myfirst 5s linear 0s infinite alternate;
position:relative;
height:100px;
width:100px;}
0%{background: red; left:0px; top:0px;}
20%{background: yellow; left:200px; top:0px;}
50%{background: blue; left:200px; top:200px;}
75%{background: green; left:0px; top:200px;}
100%{background: red; left:0px; top:0px;}
}
div{
animation: myfirst 5s linear 0s infinite alternate;
position:relative;
height:100px;
width:100px;}