tractor-final-new.css

.tractor{ 
  position: fixed; 
   -webkit-animation: mymove 8s linear infinite;
   width: 100%;
}
.b_wheel{ 
    position: absolute;
    -webkit-animation: rotating 2s linear infinite;
    margin-left: 8.5%;
    margin-top: -17.4%;
}
.f-wheel{
    position: absolute;
    -webkit-animation: rotating 2s linear infinite;
    margin-left: 30.6%;
    margin-top: -12.6%;
}



@-webkit-keyframes mymove {
    0%   {top: 0px; left: -900px; background: white;}
    10%  {top: 0px; left: -700px; background: white;}
    20%  {top: 0px; left: -500px; background: white;}
    30%  {top: 0px; left: -300px; background: white;}
    40%  {top: 0px; left: -100px; background: white;}
    50%  {top: 0px; left: 100px; background: white;}
    60%  {top: 0px; left: 300px; background: white;}
    70%  {top: 0px; left: 500px; background: white;}
    80%  {top: 0px; left: 700px; background: white;}
    90%  {top: 0px; left: 900px; background: white;}
    100% {top: 0px; left: 1100px; background: white;}
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}