https://codepen.io/nordstromdesign/pen/gsvJj/ 3DCircle Flip在firefox中無法正常工作

Question

檢查此鏈接3DCircle Flip是否存在。在鉻它的工作 正常，但在Firefox時翻轉文本不變

Answer 1

我已經將z-index: 2;添加到.back {}，這對我在FF工作。

現在.back{}看起來是這樣的：

.back { 
transform: rotate3d(45,45,0,180deg); 
z-index: 2; 
background-color: #fff; 
} 

當它應用到你的項目，我不知道的z-index的正確值。但值2在這裏工作。您可以嘗試不同的值，具體取決於您使用的元素數量。