title: jQuery animate transform translate x,y
body: <p>I need to animate an image, but I would like to use CSS transforms. I found a previous question where the solution was this:</p>
  
  <p><a href="http://jsfiddle.net/ryleyb/ERRmd/" rel="nofollow">jsFiddle</a></p>
  
  <p>I modify it this way:</p>
  
  <p><a href="http://jsfiddle.net/7JH3r/2/" rel="nofollow">jsFiddle</a></p>
  
  <p>I don't know how to pass x and y values, since I need to translate(x,y) both.</p>
  
  <p>This way doesn't work:</p>
  
  <pre><code>$('#box').animate({  fake: [100,50] }, {
      step: function(now,fx) {
         $(this).css('-webkit-transform','translate(' + now[0] + 'px,' + now[1] + 'px)'); 
      },
      duration:'slow'
  },'linear');
  </code></pre>