如何修复这些锯齿状的线条？
How to fix these jagged lines?
我想知道有没有办法解决这些锯齿状的线条（div 的边缘）。我使用 CSS perspective 和 rotate 为我的图块块（如下图所示）提供 3d 点击效果，就像 Windows 8 开始菜单图块中发生的那样。
旋转 divs onclick 会导致出现这些锯齿状线条，这对我和我的瓷砖非常不利。有没有办法通过任何方式将这些锯齿状线条最小化，CSS，JS，任何东西？
更新：
我在下面提供了一个 JSFiddle 演示，以帮助您准确了解我是如何创建我的图块并赋予它们 3d 外观的。
http://jsfiddle.net/1hz5hk5s/
此问题仅适用于 Firefox。
这个网站（http://demosthenes.info/blog/689/More-Tricks-and-Tips-For-CSS-3D-Smoothing-Transforms-amp-Fixing-Floated-Elements）似乎提供了一个添加1px边框的相关解决方案。
所以相关的 CSS 将是：
img:focus{transform: rotateY(12deg); outline: 1px solid transparent;}
这应该会使图像在点击时沿 y 轴旋转 12 度。但是，应该添加浏览器前缀以确保它是交叉兼容的，因为每个浏览器处理旋转的方式不同。
我想知道有没有办法解决这些锯齿状的线条（div 的边缘）。我使用 CSS perspective 和 rotate 为我的图块块（如下图所示）提供 3d 点击效果，就像 Windows 8 开始菜单图块中发生的那样。
旋转 divs onclick 会导致出现这些锯齿状线条，这对我和我的瓷砖非常不利。有没有办法通过任何方式将这些锯齿状线条最小化，CSS，JS，任何东西？
更新：
我在下面提供了一个 JSFiddle 演示，以帮助您准确了解我是如何创建我的图块并赋予它们 3d 外观的。
http://jsfiddle.net/1hz5hk5s/
此问题仅适用于 Firefox。
这个网站（http://demosthenes.info/blog/689/More-Tricks-and-Tips-For-CSS-3D-Smoothing-Transforms-amp-Fixing-Floated-Elements）似乎提供了一个添加1px边框的相关解决方案。 所以相关的 CSS 将是：
img:focus{transform: rotateY(12deg); outline: 1px solid transparent;}
这应该会使图像在点击时沿 y 轴旋转 12 度。但是，应该添加浏览器前缀以确保它是交叉兼容的，因为每个浏览器处理旋转的方式不同。