Question

事先抱歉我的英语，但这有点难以解释......

我有一个幻灯片，可以在每个图像可见时对其进行缩放。在所有看起来很棒的浏览器中，除了在Safari中任何其他css转换操作被触发时，这些图像的平滑看起来非常糟糕。

右边的图像是在转换发生之后（看看gras和mud）。

有什么建议吗？

Answer 1

找到了解决渲染引擎问题的解决方案......但它确实是一个黑客

#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中渲染问题

1 个答案: