动画后的图像消除锯齿

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中的行为。