Firefox中的3D CSS变换，锯齿状边缘

Question

类似于“css transform, jagged edges in chrome”，Firefox上的3D变换也是如此，例如：http://jsfiddle.net/78d8K/5/（＆lt; - 记住： Firefox ）

这一次，backface-visibility没有帮助:(

有什么想法吗？

Answer 1

编辑回答：（评论后）

“解决方法”，添加透明的 大纲 属性：

outline: 1px solid transparent;

在Firefox 10.0.2 Windows 7上测试：http://jsfiddle.net/nKhr8/

原始答案：（依赖背景颜色）

“解决方法”，添加与背景颜色相同的 边框 属性（白色情况下）：

border: 1px solid white;

在Firefox 10.0.2 Windows 7上测试：http://jsfiddle.net/LPEfC/

Answer 2

如果你想防止消除锯齿边框

以下对我来说效果更好

border: 1px solid rgba(0, 0, 0, 0.1); 

如果边界应该清晰可见，这可能不是完美的解决方案，你最好坚持@Juan的回答。

下面是立方体转动的截图

Answer 3

除了使用export default以外，还可以使用以下功能：

outline

Answer 4

filter:blur(.25px);对我有用，看起来也不太模糊。

示例：https://codepen.io/Grilly86/pen/QWLXBbX（尝试在（S）CSS中编辑第22行）