Html 模糊及；CSS变换中的闪烁问题

我在这里也发现了不少问题和解决方案，但似乎没有一个适合我。放大后，文本模糊，然后闪烁到位。渲染有问题

我对我试图使用的确切结构做了修改，如果有人有解决方案，我将不胜感激

我想强调的是，我已经尝试了我在这里找到的解决方案，但没有任何帮助，或者我没有能够按照预期实施它们

小提琴：

---

PS：目前在FF 45.0.1上进行测试

将变换添加到将其缩放为<1的原始框中，然后将悬停状态下的变换更改为1。你需要调整盒子的大小

例如，将其添加到.box1：

-webkit-transform: scale(.9);
-ms-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);

这是给。框1：悬停

-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);

---

谢谢。乍一看，它似乎是可行的，但它只是将闪烁的问题逆转为框向外扩展时的问题。必须承认，这已经不再那么烦人了，因为它已经失去了焦点，但是当你计划在直播网站上放置三个这样的框，并且你在一次鼠标移动中在所有框上悬停时，不必要的效果真的很突出。@AndreiP我不太清楚你所说的闪烁是什么意思，但我认为这可能是因为背景颜色的变化。在动画结束时，长方体模糊，然后向上锐化，似乎在上下移动1倍，直到捕捉到最终位置。我做了一些研究，发现人们有同样的问题，其他人给出的解决方案在这种情况下不起作用。我还认为它也可能是div内部的东西，并删除了effects和elements，但问题仍然存在。

-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);