通过translate3d基于Webkit的模糊/变形文本后动画
此问题似乎会影响所有基于WebKit的浏览器，包括iPhone。
首先介绍一些背景。我正在工作的网站使用基于JavaScript的“滑块”动画。
我-webkit-transform: translate3d用来为实际动画“加电”。与基于JavaScript的方法相比，使用此方法时，一旦对内容进行了动画处理，文本就会变得模糊。这在iPhone上尤其明显。
我看到的一些解决方法是删除我所做的相对定位，并为我添加一条规则-webkit-font-smoothing: antialiased。两种变化都没有丝毫差别。
我可以在没有模糊文本的情况下正常工作的 唯一
方法是对动画使用常规的JavaScript并translate3d完全绕开。我更喜欢使用translate3d它，因为它在启用WebKit的设备上执行起来
要 快得多，但是对于我来说，我无法弄清楚为什么它以如此糟糕的方式影响文本。
任何建议或解决方案将不胜感激。
问题答案：
正如@Robert上面提到的，有时添加背景会有所帮助，但并非总是如此。
因此，对于示例Dmitry添加的内容，这不是唯一要做的事情：除了后台操作，您必须告诉浏览器显式使用正确的抗锯齿功能，因此，有一个固定的Dmitry示例：
您需要在需要修复抗锯齿的块周围（或其中）添加以下样式：
background: #FFF; /* Or the actual color of your background/applied image */
-webkit-font-smoothing: subpixel-antialiased;
-
问题内容： 此问题似乎会影响所有基于WebKit的浏览器，包括iPhone。 首先介绍一些背景。我正在工作的网站使用基于JavaScript的“滑块”动画。 我用来为实际动画“加电”。与基于JavaScript的方法相比，使用此方法时，一旦对内容进行动画处理，文本就会变得模糊。这在iPhone上尤其明显。 我看到的一些解决方法是删除一个相对位置（我做了），并添加了一个规则（我也做了）。两种变化都没
-
问题内容： 我看到一个问题，其中Chrome和其他WebKit浏览器使任何同时应用了transform3d的css缩放内容严重模糊。 有任何已知的解决方法吗？在上面的简单示例中，我得到了答案，我可以简单地使用translate而不是translate3d-这里的重点是将代码剥离为基本要素。 问题答案： Webkit将3d变换后的元素视为纹理而不是矢量，以提供硬件3d加速。唯一的解决方案是增加文本的
-
问题内容： 我有两个dataframes（X，Y），其中ID是，和。由于存在印刷错误（“ n”而不是“ m”，随机的空格等），尽管我可以查看数据并看到应有的值，但我仍有大约60％的值未对齐。有没有办法以某种方式减少不匹配的程度，以便至少可以进行手动编辑？数据帧具有约700K观测值。 R最好。我知道一些python和一些基本的unix工具。PS我继续阅读，但不了解如何将其应用于实际数据集，尤其是当匹
-
问题内容： 我想知道是否有任何Python库可以进行模糊文本搜索。例如： 我有三个关键字 “ letter” ， “ stamp” 和 “ mail” 。 我想要一个功能来检查这三个词是否在同一段落（或一定距离，一页）内。 另外，这些词必须保持相同的顺序。在这三个词之间出现其他词也很好。 我已经尝试过解决不了我的问题。另一个库看起来很强大，但是我找不到合适的功能… 问题答案： {1} 您可以在中执
-
问题内容： 到底是做什么的？有性能问题吗？我应该将其应用于身体还是单个元素？似乎可以大大改善滚动事件。 感谢您的教训！ 问题答案： 使某些设备运行其硬件加速。 本机应用程序可以访问设备的图形处理单元（GPU）以使像素飞行。另一方面，Web应用程序在浏览器的上下文中运行，这使软件可以完成大部分（如果不是全部）渲染，从而降低了转换所需的功能。但是Web一直在追赶，大多数浏览器供应商现在都通过特定的CS
-
我正在尝试根据标签文本访问输入字段，如下所示。但我无法访问输入字段。 HTML： 我使用的Xpath： 通过提供xpath//*[包含（，'Email'）]我可以获得label元素。但在附加/输入后，无法访问输入元素。