有谁知道为什么变换中的额外translatez（1px）选项会导致文本被反锯齿？
我有一些带文字的div：
<div class="rotated">This is a piece of rotated text</div>
和一些CSS来旋转它（简化）：
.rotated { transform: rotate(4deg); }
当我在浏览器中运行它时看起来很糟糕..但是如果我向CSS添加另一个翻译输出就可以了：
.rotated { transform: rotate(4deg) translateZ(1px); }
您可以在此处看到完整的剪辑：
事先提前