这是因为，transform变换会在浏览器上单独创建一个绘画层并重新进行渲染，rotate渲染的时候，由于图层渲染的时候也处理了周围的文字，如果高度为奇数的文字可能会存在半个像素的计算量，浏览器对这半个像素会进行优化渲染，所以边缘会出现模糊的情况。

参见：https://stackoverflow.com/que...

这上面介绍了一种方法，是通过微调调整-webkit-内核的旋转原点，使得旋转操作对于周围文本的影响减小。