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

【问题标题】：firefox causes visual artifact with "transform:rotate;"firefox 使用“transform:rotate;”导致视觉伪影；
【发布时间】：2019-06-08 21:49:48
【问题描述】：

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

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

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

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

【问题讨论】：

在这里分享你的代码
我们无法在没有代码的情况下测试解决方案，但是我看到的所有与 Firefox 上的旋转相关的故障，都提到了使用“outline: 1px solid transparent;”的解决方案
该页面可以在 bingo-caller.herokuapp.com 查看
@Daniel 不适合我。
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及 在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：mcve]

【解决方案1】：

我在您的页面上尝试过，它似乎有效，请将 translateZ(1px) 添加到三角形的变换中。

【讨论】：

Do not post images of code or errors! 图片和屏幕截图可以很好地添加到帖子中，但请确保帖子在没有它们的情况下仍然清晰有用。如果您发布代码或错误消息的图像，请确保您还复制并粘贴或直接在帖子中输入实际代码/消息。
对不起，在这种情况下，图像不是显示代码，而是显示修复问题中提到的视觉故障，我还提到了需要更改为文本的代码。跨度>