动画后的图像抗锯齿

Question

我开发了一个简单的点击游戏，您可以在其中点击一张图片，然后将其替换为另一张图片。使用jQuery/animate/toggle，第一张图片淡出，下一张图片淡入。

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

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

Answer 1

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

img {
   image-rendering: optimizeQuality;
}

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