firefox - css - Firefox 上的 div 位置不正确

Question

我正在制作一张带有 css 动画的卡片，在 Chrome/Safari 上效果很好，但在 Firefox 上，其中一个 div 已经脱离了它的位置。在 Chrome/Safari 和 Firefox 上打开这个小提琴，看看发生了什么。有人知道对此的修复/解决方法吗？

Answer 1

我设法通过添加让 Firefox 玩得更好

.perspective {
    ...
    position: relative;
}

这似乎指定了左侧绝对定位的对象。Webkit 和 Firefox 之间的默认值必须不同。

不幸的是，它现在看起来有时间问题，但至少你更近了一步！

效果还是很酷的XD！