Css Chrome：变换缩放和模糊边

如何从蓝色div中删除模糊边缘

---

您可以添加

边框：1px纯蓝色

到

#testElement

但这是肮脏的解决方案，因为边框也将被缩放，我不确定这将如何影响其他元素

更好的解决方案是添加任何webkit过滤器。例如

-webkit过滤器：模糊（0px）


这是Chrome中的一些渲染错误（可能也在其他浏览器中，未经测试），添加过滤器可以简单地修复这一问题。我不知道它是如何工作的。
最近我遇到了同样的问题，并找到了帮助我的解决方案

-webkit-font-smoothing: antialised;

或

过滤器对我来说没什么区别，但我仍然发现我的边界是模糊的，我想，这是因为舍入问题。当我以0.1%的步幅从50%提高到51%时，它似乎在两者之间的中间变尖了。真的，我们需要一个“翻译成最近的邻居”类型的东西
-webkit-font-smoothing: antialised;

backface-visibility: hidden;