title: Animate translate3d with jQuery
body: <p>I'm trying to animate translate3d with Jquery 2.1.1. in 10 seconds. Then, when the animation is complete, I want it to alert me. But the problem is that it does not animate. It just changes instantly to the new css.</p>
  
  <p>Is there some hero that can help me with this?</p>
  
  <p>The code i use now:</p>
  
  <pre><code>$( ".circle" ).animate({ textIndent: 100 }, {
      duration : 10000,
      step : function() {
        $(this).css("transform","translate3d(0px, 320px, 0px)"); 
      }, 
      complete : function() {
          alert("completed the animation");
      }
  },'linear');
  </code></pre>