如何修复这些锯齿状的线条？

Question

我想知道有没有办法修复这些锯齿状的线条（div的边缘）。我使用CSS perspective和rotate为我的图块块（如下图所示）提供了一个3d点击效果，就像在Windows 8开始菜单图块中一样。

旋转divs onclick会导致出现这些锯齿状的线条，这对我和我的瓷砖非常不利。有没有办法通过任何方式最小化这些锯齿状的线，CSS，JS，什么？

更新
我在下面提供了一个JSFiddle演示，以帮助您了解我如何创建我的瓷砖并给它们一个3d外观。 http://jsfiddle.net/1hz5hk5s/

此问题仅适用于Firefox。

Answer 1

这个网站（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度。但是，应添加浏览器前缀，以确保它是交叉兼容的，因为每个浏览器以不同方式处理轮换。