css-div在火狐上的位置不正確

Question

我正在製作一個帶有css動畫的卡片，在Chrome/Safari上效果很好，但是在Firefox上，其中一個div正在擺脫位置。在Chrome/Safari和Firefox上打開this fiddle，查看發生了什麼。有人知道一個修復/ workarround這個？

Answer 1

我設法通過增加

.perspective { 
    ... 
    position: relative; 
} 

這似乎說明，其左側是絕對定位的對象Firefox的發揮更好。 Webkit和Firefox之間的默認設置不同。

不幸的是，它看起來像現在有一個計時問題，但至少你距離更近一步！

酷看起來效果仍然XD！