CSS transform rotate后出现锯齿问题

字体： -webkit-font-smoothing 主要有一下三个属性： none: 无抗锯齿 subpixel-antialiased (default): 次像素平滑 常见于Mac OS和MacType For Windows antialiased: 灰度平滑 常用于Android和iOS等移动设备的

图片：

1. 在CSS3 transform属性后加入 translateZ(0)
2. 元素外层容器overflow:hidden; 加上元素margin:-1px;
3. 尝试将元素border属性颜色设置成 transparent 或者和背景色相同 border:1px solid rgba(200,200,200,0);
4. 添加 image-rendering属性 用于设置图像缩放算法。image-rendering: auto;