title: Blurry text in Chrome, any fix?
body: <p>I have an app that has tons of popups, and I position them like this:</p>
  
  <pre><code>.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  </code></pre>
  
  <p>but some popups are blurry. This transform: translate is whats killing it. As far as I know this is chrome problem, but what is the best way to fix it? </p>