title: Prevent flicker on webkit-transition of webkit-transform
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker">iphone webkit css animations cause flicker</a>  </p>
  </blockquote>
  
  
  
  <p>For some reason, right before my animation of the webkit-transform property occurs, there is a slight flicker.  Here is what I am doing:</p>
  
  <p>CSS:</p>
  
  <pre><code>#element {
      -webkit-transition: -webkit-transform 500ms;
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$("#element").css("-webkit-transform", "translateX(" + value + "px)");
  </code></pre>
  
  <p>Right before the transition takes place, there is a flicker.  Any idea why this is, and how I could fix the problem?</p>
  
  <p>Thanks!</p>
  
  <p><strong>Update:</strong> this only occurs in Safari. It does not happen in Chrome, although the animation does work.</p>