title: How do I use CSS3 animate to move the background image of a div up and down?
body: <pre><code>&lt;div class="abc"&gt;
  &lt;/div&gt;
  
  
  .abc{
      background: url("blah.jpg") no-repeat;
      width:200px;
      height:200px;
  }
  </code></pre>
  
  <p>My background image is 200 x 600.  How do I move it up and down the div (I want the div to remain 200x200, but the longer image goes up and down.)</p>
  
  <p>I don't want to use Javascript to do this. (Because doing it that way won't use the hardware and will be slow.)</p>