我一直在使用 CSS3 转换在我的网站中旋转带有边框的图像和文本框。

问题是边框在 Chrome 中看起来参差不齐，就像没有抗锯齿的（低分辨率）游戏。在 IE、Opera 和 FF 中它看起来好多了，因为使用了
AA（仍然清晰可见，但还不错）。我无法测试 Safari，因为我没有 Mac。

旋转后的照片和文字本身看起来不错，只是边框看起来参差不齐。

我使用的 CSS 是这样的：

.rotate2deg {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Safari and Chrome */
    -o-transform: rotate(2deg); /* Opera */
    -moz-transform: rotate(2deg); /* Firefox */
}

有什么办法可以解决这个问题，例如强制 Chrome 使用 AA？

下面的例子：