CSS旋转后Firefox中的抗锯齿文本

所以我已经阅读了很多关于旋转文本的当前状态,并且无法在所有浏览器中完美地实现真正的抗锯齿.它看起来像是Chrome中图片中的第一个框,但是firefox中的第二个框格.我尝试过最流行的修复程序,包括-webkit-backface-visibility:hidden; -webkit-字体平滑:抗锯齿; 也许还有一个我不记得了.

然而,这不是问同样的问题,而是一个我在任何地方都找不到的新问题.这两个相同框的截图都取自Firefox.底部的锯齿状框架通常看起来像是这样,但是,当我使用css编辑控制台将页面上的另一个(完全不同的)元素与旋转属性混淆时,它会使框完美/平滑...

但是,我必须继续向上或向下按下以更改整个框的另一个元素的旋转值以完美地呈现抗锯齿,然后它返回到它的锯齿状正常自我.我旋转了内容所在的div并将css修复程序放在同一个div上(尽管我确实尝试将css修复程序放在每个元素上)并且我似乎没有像你在框中看到的那样得到任何平滑或反讽以上...仅当我在浏览器中旋转页面上的另一个元素时.WTF？!？!？有没有办法在css中执行此操作,或者只是浏览器实时执行的操作并且无法在CSS中重现这种平滑性？

编辑:PIC评论部分