body
{
  
  background-image: url(../image/back/back3.png) ; 
  background-repeat: no-repeat; 
  border: px solid green;
}
#hellicopter1
{ 
    position: relative;
    width: 600px;
    height: 250px;
    margin-top: 360px;    
    background: url(../image/fly/fly094.png);
    border: px solid blue;

     
    z-index: -1;
    
         
    -webkit-animation-name:    forward ;
    -webkit-animation-duration:  10s;
    -webkit-animation-timing-function:   linear;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-play-state:  paused;
    
    
    
   
    
}
@keyframes forward
{
    0%
    {
       transform: translateY(0px);
    }
    25%
    {
        transform: translateY(-250px);
    }
    50%
    {
        transform: translateY(-210px);
    }
    100%
    {
        transform: translateX(1500px);
    }
}