CSS3变换属性scale，鼠标悬停时文本模糊。

Question

我正在测试一个简单的CSS3鼠标悬停缩放效果，但文本会在一瞬间变得模糊。最大的问题出现在Firefox浏览器中。

这是一个简单的代码：

https://jsfiddle.net/u0jq9xk1/3/

我也尝试添加下面的代码，但它并没有起作用：

-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);

我知道这很简单，但是它是否可能排除或那是某种错误？

- user1751287

---

在Chromium上运行良好，看起来像是浏览器问题。 - AMACB

是的，在Chrome中几乎是正常的，但在Firefox和Edge中，这个问题有点烦人。 - user1751287

嗯，对我来说在Firefox上运行良好。你用什么操作系统？ - AMACB

对我来说，在Firefox和Chrome上都正常工作。 - aln447

你有其他设备可以测试这个问题吗？ - aln447

Answer 1

你可以测试一下这个是否适用于你

-webkit-transform-style: preserve-3d; transform-style: preserve-3d;

- Lester Vargas