title: javascript or css to animate file transfer
body: <p>I want to show a file transfer...like from a folder to another folder, i have been able to do it using JavaScript but all what i did was:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var img;
  var animateR;
  var animateL;
  
  function init(){
   img = document.getElementById('file');
   img.style.left = '35px'; 
  }
  
  function moveRight(){
  
   img.style.display= 'block'; 
   img.style.left = parseInt(img.style.left) + 10 + 'px';
   animateR = setTimeout(moveRight,30);
  
   if(parseInt(img.style.left)&gt;600){
     clearTimeout(animateR);
     moveLeft();
    }
  }
  
  function moveLeft(){
  
    img.style.left = parseInt(img.style.left) - 10 + 'px';
    animateL = setTimeout(moveLeft,30); 
  
     if(parseInt(img.style.left)&lt;38){
       clearTimeout(animateL);
       moveRight();
       }
   }
  
   window.onload =init;
   &lt;/script&gt;
  </code></pre>
  
  <p>this work for me but i wish to show the file rotating whilst moving from the right folder to the left folder and back to the riight fold while the file is uploading.</p>
  
  <p>also i am think if the best way to go around this will be a gif?</p>
  
  <p><strong>i want an effect like flying files</strong></p>