Safari动画故障 - 白色闪烁

Question

我在Safari中遇到白色闪光和动画期间随机抖动的问题。是什么导致了这个？

错误视频：https://brotsky.viewscreencasts.com/e48df175b5fe12f680ab0ea7bd5bc51f

网址：http://alchemy.brotskydesigns.com/new/

此问题仅适用于Safari，适用于Chrome和Firefox。当您放大iPhone 4s上的某些“楼层”时，该网站也会崩溃。

Answer 1

我能够解决我的问题！问题与将3d和2d元素一起使用（第二层作为使用matrix3d透视图的文本元素）有关。

我编辑了我的CSS：

html,
button,
input,
select,
textarea {
    color: #d7d7d0;
    -webkit-perspective: 800;
    perspective: 800;
    -webkit-transform: transform;
}

到

html,
button,
input,
select,
textarea {
    color: #d7d7d0;
}

这解决了Safari和iOS上的问题，而matrix3d视角保持不变。