3D CSS 变换，Firefox 中的锯齿状边缘
类似于“css 变换，chrome 中的锯齿状边缘”，Firefox 也会发生同样的情况3D 变换，例如： http://jsfiddle.net/78d8K/5/（<-记住：Firefox）
这一次，backface-visibility没有帮助:(
有什么想法吗？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
编辑答案：（评论后）
“解决方法”，添加透明大纲属性：
在 Firefox 10.0.2 Windows 7 上测试：http://jsfiddle.net/nKhr8/
原始答案：（取决于背景颜色）
“解决方法”，添加 >border 属性与背景颜色相同（本例为白色）：
在 Firefox 10.0.2 Windows 7 上测试：http://jsfiddle.net/LPEfC/
Edited answer: (after comments)
"Workaround", add a transparent outline attribute:
Tested on Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/
Original answer: (background-color dependent)
"Workaround", add a border attribute with the same color of your background (white this case):
Tested on Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/
如果你想防止抗锯齿边框，
如果边框应该清晰可见，那么下面对我来说效果更好
，但这可能不是完美的解决方案，你最好坚持@Juan的答案。
下面是立方体转动的屏幕截图
If you want to prevent anti-aliased border
Below worked better for me
if the border should be clearly visible, this might not be the perfect solution though, in which you'd better stick to @Juan's answer.
Below is a taken screenshot of the cube turning
除了使用
outline之外，还可以使用以下方法：Apart from using
outline, the following works as well:filter:blur(.25px);对我有用，看起来不太模糊。示例： https://codepen.io/Grilly86/pen/QWLXBbX （尝试编辑第 22 行在 (S)CSS 中）
filter:blur(.25px);works for me and doesn't looks too blurry.Example: https://codepen.io/Grilly86/pen/QWLXBbX (try editing line 22 in the (S)CSS)