css - firefox 使用“transform:rotate;”导致视觉伪影；

Question

Firefox 正在我创建和旋转的三角形上创建小线。

铬合金

火狐

我研究了其他问题做了什么，他们建议尝试添加transform: translateZ(1px) rotate(-45deg);，background-clip: padding-box;但这些都不适合我。

此外，只有旋转的三角形在 Firefox 浏览器中有线条。

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

Answer 1

我在你的页面上试过，它似乎工作，添加translateZ(1px)到三角形的变换。