title: TranslateX using JQuery
body: <p>TranslateX is not working for me in JQuery. I would like to use <code>.animate()</code> method instead of <code>.css()</code>.</p>
  
  <p><em>JavaScript</em></p>
  
  <pre><code>$(".test").hover(function() {
      $(this).animate({'transform': 'translateX(100%);'}, 1000);
  });
  </code></pre>
  
  <p><em>CSS</em></p>
  
  <pre><code>.test {
    background-color: #f9333c;
    width: 100%;
    height: 100%;
    transform: translateX(0%);
  }
  </code></pre>