我一直在使用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 */
}
Run Code Online (Sandbox Code Playgroud)
有什么方法可以解决这个问题,例如强迫Chrome使用AA吗?
示例如下:
