-webkit-transform rotate - Chrome中的像素化图像

Question

使用-webkit-transform: rotate(-5deg);一个div容器,Chrome的渲染与真正的锯齿边缘图像的网格.在FF(-moz-transform:)和IE(-ms-filter:)中,一切看起来都很好 - 请看下面的区别.

我能做些什么吗？

Answer 1

你可以看看问题css转换的答案,铬的锯齿状边缘

帮帮我了

从接受的答案:

如果有人在以后搜索这个,那么摆脱Chrome中CSS转换的锯齿边缘的一个好方法是添加-webkit-backface-visibility值为的CSS属性hidden.在我自己的测试中,这已经完全平滑了它们.希望有所帮助.

Answer 2

它似乎是webkit引擎中的Antialiasing错误.已经提交了一份报告,但尚未解决.

您可以尝试添加与背景颜色相同的边框,以尽量减少效果.

Answer 3

-webkit-transform: rotate(-5deg) translate3d( 0, 0, 0);

铬的技巧.