title: Using transform scale causes blurry text only on Windows Chrome
body: <p>I have run into a pretty frustrating problem regarding the CSS transform <code>scale</code>. I have a block of text which I would like to zoom by 105% on hover and it is causing blurriness of the text, but only on the Windows version of Chrome. I found <a href="https://stackoverflow.com/questions/14677490/blurry-text-after-using-css-transform-scale-in-chrome">this question</a> and tried the various solutions provided there, but I still cannot get it to work as desired.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body, html {
    font-family:'Open Sans', sans-serif;
  }
  .zoom {
    transition:transform .5s;
    width:300px;
    margin:50px auto;
  }
    .zoom:hover {
      transform: scale(1.05) translateZ(0);
      will-change:transform;
    }
    .zoom h4 {
      font-size:2rem;
      line-height:2.5rem;
      -webkit-font-smoothing:antialiased;
      backface-visibility: hidden;
      -webkit-filter: blur(0);
      filter: blur(0);
      margin:0;
      text-transform:uppercase;
    }
    .zoom p {
      -webkit-font-smoothing:antialiased;
      backface-visibility:hidden;
      -webkit-filter:blur(0);
      filter:blur(0);
      margin:0;
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"&gt;
  &lt;div class="zoom"&gt;                  
    &lt;h4&gt;Lorem Ipsum&lt;/h4&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, conse ctetur adipiscing elit…&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>As I mentioned earlier, this only seems to be an issue on the Windows version of Chrome. On Chrome for OSX, FireFox and even IE this issue does not occur. I am open to using a different solution than <code>transform</code>, provided the animation has a transition as it does in my example. I would, however, like for it to be a CSS only solution.</p>
  
  <p>Any ideas?</p>