Html Chrome和Firefox中的模糊文本

当我想旋转一个div时，我也想旋转文本，但是我仍然有抗锯齿的问题。这篇课文很模糊，我修不好。这种效果出现在Firefox和Chrome中

我找到了这个解决方案，但对我不起作用

-webkit-backface-visibility: hidden;

html

<div id="rotate">
    <span>Hi, iam rotated blurry text </span> 

</div>

链接：

---

plz帮助：）

当涉及转换时，Chrome很难处理小数位数很多的数字。尝试对这些数字进行parseInt运算，以降低小数位数。你会发现这种简单的修复方法常常会消除模糊性。

可能重复的可能已经有一个问题了，请检查这里[css转换，chrome中的锯齿边]还有，这个：thx，第一个解决方案对我有效，但Firefox仍然有优势检查这个答案，但基本上，您可以根据需要舍入浮点像素值：

#rotate{
margin-top:30px;
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
background:#292929;
font-size:30px;
color:green;
display:inline-block;
}