导致硬边缘图像的CSS转换

Question

我最近一直在尝试使用CSS转换，而且在缩小标题时我一直遇到问题。

在我的示例中，脚本C和Corbo Group都是透明的PNG。我通过jQuery添加了一个收缩类，并使用CSS转换来处理动画。

转换完成后，在浏览器消除锯齿完成之前，大约有1秒的像素化。有什么方法可以阻止这种情况吗？

我已尝试使用transform: translate3d(0, 0, 0);

但这似乎会导致图像保持处于像素化状态。

这是我的css的一个例子

header img.corbo-c {max-width:118px; margin:20px 0 0 -38px; transition:all 0.25s ease;}

header.shrink img.corbo-c {max-width:60px; margin:10px 0 0 -20px; transition:all 0.25s ease;}

笔展示问题：

http://codepen.io/roachdesign/pen/BoOGYy