title: CSS transform for parallax effect causing font aliasing issues in browser
body: <p>Having an issue with a site that we are working with another dev team. They have created a parallax effect which makes use of CSS Transform effect as follows:</p>
  
  <pre><code>.content-wrapper {transform: translateX(5px) translateZ(92px) scale(.7);}
  </code></pre>
  
  <p>This is causing big issues with font rendering in the browsers - most obvious on Internet Explorer. I think it's of particular concern to PC users as other dev team who setup the CSS Parallax effect all use Macintosh computers.</p>
  
  <p>I altered the css so it read like this <code>transform: translate3d(0,0,0)</code>and that definitely fixes the font issue but makes a mess of the parallax effect. How would i be able to keep the translate and scale values but get better font rendering?</p>