flipInX不能像預期的那樣在較小的分辨率上工作

Question

這個問題似乎只發生在Safari上（我在9.0.2版本上測試過）。

如果我將屏幕縮小到565px或更小，刷新頁面，<article>的我已經應用flipInX在屏幕上閃爍並且不出現。

如果我從<article>塊中刪除margin-bottom: 40px; CSS，那麼它可以工作。

這是Safari中的錯誤嗎？

Example

Answer 1

我不得不添加此CSS

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