Google Chrome桌面端CSS transition触发文字渲染视觉故障求助

问题背景 #

相关功能此前一直运行正常，对页面主滚动容器层做了若干修改后开始出现该异常，暂未定位到明确触发点。

故障相关信息 #

• 属于偶发视觉故障，目前无法稳定复现
• 相关实现逻辑：使用了包含transform: translateX()的CSS transition过渡效果，过渡运行期间新、旧两个元素都会被设置absolute定位，动画结束后该定位属性会被移除；页面全局未配置任何text-shadows属性
• 兼容性表现：该故障不会在Firefox、Chrome移动端浏览器中出现，仅在桌面端Chrome偶发，复现概率和是否打开开发者工具高度相关，推测可能和开发者工具开启时视口分辨率发生变化有关

内容的提问来源于stack exchange，提问作者nais