过渡后在 Safari 中呈现问题

Question

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

右图是过渡后的图（看草和泥）

有什么建议吗？

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); } }

过渡后在 Safari 中呈现问题

rendering issues in safari after transition

css

image

rendering