悬停时的RotateX和RotateY在firefox和IE上不起作用。备择方案

Question

在这些浏览器中：

• 戏
• Safari浏览器
• 铬

单独旋转工作。

但是在 Firefox 中，它分两步旋转元素。

我想知道如何替换它 - 可能用 rotate3d 或 matrix3d 。

目前我正在使用 CSS ：

transform-style: preserve-3d;
perspective: 1200px;

使用 JS ：

动态更改转换

transformPoster = ' rotateX(' + (-offsetY * offsetPoster) + 'deg) rotateY(' + (offsetX * (offsetPoster )) + 'deg) '; //poster transform

这是我的Codepen以便更好地理解，请在 Firefox中查看