相关疑难解决方法(0)

css变换,铬的锯齿状边缘

我一直在使用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吗?

示例如下:

Jagged Edges示例

css google-chrome transform antialiasing css3

187
推荐指数
6
解决办法
11万
查看次数

标签 统计

antialiasing ×1

css ×1

css3 ×1

google-chrome ×1

transform ×1