css变换，变换样式：preserve-3d在Firefox上不起作用

我正在尝试在一张卡片上添加一个悬停动画和卡片里面的其他东西，比如图片、标题或。。。 卡本身在js中有一个带有mouseMove事件的动画来旋转卡，并且 变换样式：在css中保留-3d

其中内容的悬停动画与js中的mouseEnter事件一起出现：

container.addEventListener（“mouseenter”，（）=>{ title.style.transform=

translateZ（90px）

； desc.style.transform=

translateZ（90px）

； profile.style.transform=

translateZ（90px）

； skills.style.transform=

translateZ（90px）

； hire.style.transform=

translateZ（90px）

； });

在edge或chrome上工作正常，但在firefox上工作不正常

请帮我做这个