jquery - 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 视角保持不变。