我创建了一个动态内容动画，并在Chrome，Firefox和Safari中对其进行了测试，您可以在此处看到它：
http://codepen.io/tcmulder/pen/omyuE
不幸的是，它在Safari中无法正常工作，因为在动画结束后，z-index似乎失去了它的力量，最左边的页面重新定位在堆栈的顶部。它可能与此处发现的问题有关：
css z-index lost after webkit transform translate3d
但建议的解决方案不起作用。我也玩过使用rotate3d来改变x坐标，把它变成一种伪z-index覆盖，但这似乎也不行。
动画结束后，如何让Safari保留z-index？