在Google Chrome中运行CSS动画时边界半径中断

以下是我正在播放的CSS动画：

#mydiv{
宽度：700px；
高度：100px；
边界半径：50px；
背景色：rgb（20,20,20）；
位置：相对位置；
溢出：隐藏；
顶部：50px；
}
#mydiv:以前{
内容：“；
宽度：20%；
高度：100px；
边界半径：50px；
背景色：rgb（255,174,0）；
位置：绝对位置；
溢出：隐藏；
动画：加载2s无限；
}
@关键帧加载{
从{
转化：translateX（-100%）；
}
到{
转化：translateX（500%）；
}
}

您发现了一个非常酷的bug！但是我没有在Chrome 85.0.4183.121 MacOS 10.14.6上复制它。。。祝你好运直到没有好运，我想我会继续前进。你有没有试过强迫它在自己的背景下呈现？就像在阅读您的评论后尝试添加translateZ（0）一样，它没有帮助。它被切断-我无法复制此错误，使用其他宽度值测试-您有溢出：隐藏-我认为黄球溢出