Firefox rotate3d 从 -90deg 到 -180deg 错误？

Question

我正在构建一个 3D 内容滑块 jQuery 插件，并且在 Firefox 中出现了一个奇怪的行为，它从 -90 度旋转到 -180 度到相反的方向再到 270 度。我知道其中一些内容是实验性的，但我无法找到有关此问题的任何其他文档，如果实际上这是一个问题。

非常感谢任何帮助。

问题演示（在 webkit 和 FF 中查看最新）：http://jsbin.com/iwokok/8/ 插件：https://github.com/p-m-p/jquery-box-slider

编辑：使用 Mozilla 记录的错误 您可以在https://bugzilla.mozilla.org/show_bug.cgi?id=769892

跟踪错误报告的状态

Answer 1

如果您认为自己发现了 Firefox 的错误，那么您应该在 Firefox 错误跟踪器上提交错误：

https://bugzilla.mozilla.org/

Answer 2

编辑：下面的文字是错误的；我误读了 CSS。

您正在旋转然后平移的变换与平移然后旋转的变换之间进行插值。

当两个列表中的变换函数类型不匹配时，根据规范，两个变换都被折叠成一个变换矩阵，并对矩阵执行插值。

在矩阵表示中，-180deg 和 180deg 没有区别。因此，插值最终看起来像是从 -90 度变为 180 度，具体取决于所选择的精确插值方法（最后我检查过，3d 变换规范实际上并未定义矩阵的精确插值方法）。

一般来说，如果您希望通过不依赖于浮点错误和各种中间计算的变换插值获得可重现的结果，您希望在具有相同函数且顺序相同的变换列表之间进行插值。