Html 如何使用css保存-3d-firefox问题

当鼠标悬停在图像或文本上时，我希望能够隐藏TEXT1、TEXT2、TEXT3等。 我在chrome中添加了 变换样式：保留-3d

我与你共享的链接在chrome中有效，但在firefox中无效

---

你能帮我解决Firefox中的这个问题吗？

你应该在css中添加以下样式：

.face.front {
  transform: rotateY(0deg);
}

这似乎是众所周知的问题。看这里

以下是您的示例的修复程序：

以下是重现该问题的最少代码：

下面是它的修复程序：

---

询问时请遵循此指南：。您可以自己解决问题，也可以更快地得到答案。

您使用的Firefox版本是什么？非常感谢您的帮助@内森，不客气！如果答案有效，请接受。

.face.front {
  transform: rotateY(0deg);
}