title: How to force re-render after a WebKit 3D transform in Safari
body: <p>I'm using CSS 3D transformations to zoom a div, for example:</p>
  
  <pre><code>-webkit-transform: scale3d(2,2,1);
  </code></pre>
  
  <p>The scaling itself works fine in any WebKit browser. However, when using this on Safari (mobile or Windows), the content of the div is not re-rendered. The result is that the content gets blurred after scaling.</p>
  
  <p>This effect only occurs when using 3D transformations. Everything works fine when using</p>
  
  <p><code>-webkit-transform: scale(2);</code>. </p>
  
  <p>In order to exploit hardware acceleration on iPhone/iPad, it would be nice to use the 3D transformations.</p>
  
  <p>Does anybody know how to tell Safari to re-render a div with the new scale?</p>