title: -webkit-transition-property for translation
body: <p>Hai.<br>
  What is the transition property for translations in CSS3? I'm currently using <code>all</code> but I got a bug in iOS so I want to test another property.</p>
  
  <pre><code>-webkit-transform: translate(-320px, 0);
  </code></pre>
  
  <p>&nbsp;</p>
  
  <pre><code>-webkit-transition: ??? .5 ease-in-out;
  </code></pre>
  
  <p>See the bug with an iOS device <a href="http://sexyprout.github.com/exp/trickle.html" rel="noreferrer">here</a> (swipe horizontally), there's a kind of flash.</p>
  
  <hr>
  
  <p><strong>Update</strong>: to anyone interested, I found a way to fix it thanks to Duopixel:</p>
  
  <pre><code>E {
      -webkit-transition: all .5s ease-in-out;
      -webkit-transform: translate3d(0, 0, 0); // perform an "invisible" translation
  }
  
  // Then you can translate with translate3d(), no bug!
  document.querySelector('E').webkitTransform = 'translate3d(-320px, 0, 0)'
  </code></pre>