title: Animate arrows with CSS only
body: <p>If you check the <a href="http://lifenology.toshiba.co.jp/lifenology/en/index.htm" rel="nofollow">Toshiba's website</a>, there's a small mouse icon with moving arrows. Apparently, they're animating it like so:</p>
  
  <pre><code>function iconTop() {
  $(".icon_tween").animate({
      opacity: 0,
      marginTop: "15px"
  }, 1e3, function () {
      $(".icon_tween").css({
          marginTop: 0,
          opacity: 1
      }), iconTop()
  })
  }
  </code></pre>
  
  <p>.. is it possible to animate exactly the same with CSS only?</p>