CSS 变换（旋转）导致 Safari 8（优胜美地）中的文本闪烁

【问题标题】：CSS Transform (rotation) causes text flicker in Safari 8 (yosemite)CSS 变换（旋转）导致 Safari 8（优胜美地）中的文本闪烁
【发布时间】：2014-11-10 05:54:33
【问题描述】：

这是 safari 7 的问题，已通过以下代码修复

-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;

现在 Safari 8 中没有修复它。它会导致文本闪烁

链接http://jsfiddle.net/6x9u11c9/1/

【问题讨论】：

我在使用 Scale 属性时遇到了同样的问题。我认为这取决于 Apple 来解决这个问题，我尝试过的任何方法都不起作用。

标签： css safari gpu safari8

【解决方案1】：

我还没有找到解决这个问题的完美解决方案。我在 Firefox (Yosemite) 上遇到了同样的问题。

添加：

-webkit-transform-style:preserve-3d;
-webkit-filter: opacity(1);

对身体“修复”了一点。字体不再闪烁，但它确实变得不那么“粗体”了。

编辑：将这些添加到正文中为我解决了 Safari 中的问题。它仍然出现在 Firefox 中，因为它不是 webkit 浏览器。

-webkit-filter: opacity(.9999); -webkit-text-stroke: 0.35px;

【讨论】：