Html 转换：缩放（）firefox文本问题

我想使用css转换将悬停时的文本缩放到另一个大小。它在所有浏览器（甚至IE）中都能很好地工作，但firefox的字体有一个奇怪的问题。“动画+缩放”可以工作，但缩放元素中的文本变得有点不锐化，然后在几毫秒后再次锐化

我做了一个简单的实验，你可以复制它

HTML:

任何帮助都很酷

---

提前感谢

我尝试将其缩放到2，效果良好。在使用小数位数的数字进行缩放时，似乎存在一个问题。我将向mozilla团队报告这个bug

似乎通过添加

translateZ（0）

模糊效果消失

div.scale:hover {
    transform: scale(1.5) translateZ(0);
}

这样，它将强制进行二维变换

.container {
    height: 300px;
    width: 300px;
    margin-left: 100px;
    margin-top: 100px;
}

div.scale {
    transition: 0.1s linear;
}

div.scale:hover {
    transform: scale(1.5);
}

div.scale:hover {
    transform: scale(1.5) translateZ(0);
}