CSS缩放在Safari中看起来很像

Question

在Safari中，元素在缩放时看起来像pixeled。转换完成后转为锐利。在Chrome中，它一直看起来很清晰。看一下这个例子：http://codepen.io/siggmus/pen/LxBPWg

CSS：

div {
  width: 50px;
  height: 50px;
  background: red;
  border-radius: 50%;
  transition: transform 2s;
}

div:hover {
  transform: scale(8);
}

如何在Safari中缩放元素时使元素看起来很清晰？