flipInX在较小的分辨率上没有按预期工作

Question

这个问题似乎只发生在Safari上（我在9.0.2版本上测试过）。

如果我将屏幕缩小到565像素宽或更小，请刷新页面，<article>我已应用flipInX在屏幕上闪烁但不显示。

如果我从margin-bottom: 40px;块中删除了<article> CSS，那么它就可以了。

这是Safari中的错误吗？

Example

Answer 1

我不得不添加这个CSS

.main {
    -webkit-transform: translateZ(60px);
}