CSS3转换属性比例，悬停时文本模糊

Question

我在悬停时测试一个简单的CSS3刻度，但是文字在一秒钟之内显得模糊不清。最大的问题是firefox

这是一个简单的代码

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

我还尝试添加下面的代码，但它不起作用

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

我知道这很简单，但有可能将其排除或者出现某种错误吗？

Answer 1

你能测试一下这是否适合你

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