动画后的图像抗锯齿

Image anti-aliasing after animation

我开发了一个简单的点击游戏，您点击一张图片，它就会被另一张图片取代。第一张图像淡出，下一张图像使用 jQuery/animate/toggle.

淡入

在每个动画之后，所有图像上的抗锯齿都会丢失一秒钟。然后它会对所有图像重新应用抗锯齿。

是否可以不断地强制抗锯齿或强制它刷新得更快，这样图像就没有时间不被抗锯齿了？

对我来说，在 Mac OS X 上的嵌入式 WebKit 中，使用此（非标准）CSS 可以在 CSS 期间保持图像的抗锯齿效果动画：

img {
   image-rendering: optimizeQuality;
}

当然，这可能不适用于其他浏览器。 The mozilla.org site claims that this behave as an alias of 'auto' 但它确实改变了 WebKit 中的行为。