firefox通过“ transform：rotate;”导致视觉伪像

Question

Firefox正在我创建并旋转的三角形上创建细线。

Chrome

FireFox

我已经调查了其他问题，他们建议尝试添加transform: translateZ(1px) rotate(-45deg);和background-clip: padding-box;，但是这些都不适合我。

在firefox浏览器中，只有旋转的三角形才具有直线。

可以在bingo-caller.herokuapp.com上查看页面

Answer 1

我在您的页面上尝试过，它似乎可以正常工作，将translateZ(1px)添加到三角形的变换中。