3D CSS转换,在Firefox中锯齿状的边缘

类似于“ css变换,chrome中的锯齿状边缘 ”,在Firefox上使用3D变换也是如此,例如: http : //jsfiddle.net/78d8K/5/ (< – 记住: Firefox

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

任何想法?

编辑答案:(评论后)

“解决方法”,添加一个透明的大纲属性:

 outline: 1px solid transparent; 

testingFirefox 10.0.2 Windows 7: http : //jsfiddle.net/nKhr8/

在这里输入图像描述

原始答案:(背景颜色相关)

“解决方法”,添加一个与您的背景颜色相同的边框属性(白色这种情况):

 border: 1px solid white; 

testingFirefox 10.0.2 Windows 7: http : //jsfiddle.net/LPEfC/

在这里输入图像描述

如果你想防止反锯齿边框

下面的工作对我更好

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

如果边界应该清晰可见,这可能不是一个完美的解决scheme,你最好坚持@胡安的回答。

以下是立方体转弯的截图

在这里输入图像描述