Webkit Bug - Scale & Skew Transforms make page blurry if it contains a video

Open this page in a WebKit browser, and try to toggle the different checkboxes. You'll see that when the video is visible and at least one of the checkboxes is also checked, all page text becomes blurry.

HTML

<div class="test">
  <div class="testInner">
    This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
  </div>
</div>

CSS

.test {
  transform: translate3d(20,20,20);
}

.testInner
{
  text-align: center;
}