https://codepen.io/nordstromdesign/pen/gsvJj/ 3DCircle翻转在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在这里起作用。您可以根据您使用的元素数量尝试不同的值。