css - 过渡后在 Safari 中呈现问题

Question

我有一个幻灯片放映，可以在每个图像可见时将其放大。在所有看起来不错的浏览器中，除了在 Safari 中，当任何其他 css 转换操作被触发时，该图像的平滑看起来非常糟糕。

这是一张图片:http://snag.gy/43LaH.jpg

右图是过渡后的图(看草地和泥地)。

有什么建议吗？

Answer 1

找到了一个似乎欺骗了渲染引擎的问题的解决方案......但它绝对是一个 hack

#showcase img {
    -webkit-animation: spinhack 1s linear infinite;
    -moz-animation: spinhack 1s linear infinite;
    animation: spinhack 1s linear infinite;
}

@-moz-keyframes spinhack { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(0deg); } }
@-webkit-keyframes spinhack { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(0deg); } }
@keyframes spinhack { from { transform: rotate(0deg); } to { transform: rotate(0deg); } }