如何强制Chrome在分数宽度上使用亚像素抗锯齿功能？

问题描述

https://codesandbox.io/s/practical-jepsen-oy8yc?file=/src/App.js

上面的演示在Firefox中看起来不错，但在Chrome动画的结尾处结结巴巴（由于像素舍入）。

有没有办法在Chrome 84+中强制亚像素抗锯齿？

我已经尝试过translateZ(0)，rotateZ(0.01deg)，translate3d和scale(0.9999)。

由于border-radius，我必须为width而不是transform设置动画。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）