Antialias在动画期间发布文本问题

Question

我有一个旋转的白色div，其中包含的文字是＆＃34; FOTOS＆＃34;使用字体。像这样：

每当与旋转的容器div位于同一区域的任何其他对象的动画时，字体呈现如下（在动画的持续时间内）：

知道为什么会这样吗？ 关于如何解决它的想法也是受欢迎的。

谢谢！

Answer 1

这些不是完美的解决方案，但您可以尝试添加：

-webkit-font-smoothing: antialiased;

看看是否有帮助。虽然可能会给你一个稍微瘦一点的字体......

有时，添加：

-webkit-backface-visibility: hidden;

受影响的元素会有所帮助，但我不确定为什么，作为第三个修复，您可以尝试添加：

-webkit-transform:translate3d(0,0,0);

这将强制硬件加速，在这种情况下，使字体，如上面的修复，统一但略薄......

但是，既然你没有为你的问题提供任何代码，我的回答更多的是猜测。

无论如何，我希望它有所帮助！