.move_img
{
z-index: 1;
top: 0px;
position:relative;
animation:moveone 2s;
-moz-animation:moveone 2s; /* Firefox */
-webkit-animation:moveone 2s; /* Safari and Chrome */
-o-animation:moveone 2s Opera */
}
.move_box{
height: 82px;
width: 82px;
left: 0px;
border-radius: 50%;
border: 1px solid #1296db;
display: inline-block;
position:relative;
z-index: 0;
animation:movetwo 2s;
-moz-animation:moveteo 2s; /* Firefox */
-webkit-animation:movetwo 2s; /* Safari and Chrome */
-o-animation:movetwo 2s Opera */
}
@keyframes moveone
{
0% {top:-50px;}
80% { top:20px;}
85% {top: 15px}
90%{top: 20px}
100% { top:0px;}
@keyframes movetwo
{
0% {left:-600px;}
80% { left:645px;}
85% {left:640px;x}
90%{left:645px;}
100% { left:625px;}
<DIV style="text-align: center;">
<div class="move_box"></div>
<SPAN class="login_logo move_img"></SPAN>
</DIV>