Css 变换属性导致伪影

我有一个元素需要在mousemove上进行位转换（我猜像是视差） codepen.io/anon/pen/pjqjw

<> P>但在Mozilla中，当我不移动鼠标时，元素有一个工件，中间的线。

---

有什么不对劲吗？

firefox中有一个已知的bug用于此>

您可以使用一些hax，比如translate3d，但这会稍微移动您的元素，我想这是您不喜欢的

此外，导致此错误的原因是您使用了

179deg

，而使用

180deg

，问题似乎消失了

请参阅代码片段

.triangle{
边框：4vw实心透明；
边框顶部：13vh纯红；
宽度：0；
高度：32vh；
位置：固定；
排名：0；
z指数：9；
左：0；
变换：旋转（180度）；
}

---

//下面是一些使鼠标移动视差的代码

这是什么代码？请在您的问题中发布代码。StackOverflow不允许您在问题中没有任何代码的情况下发布指向外部代码托管服务的链接，这是一个原因（在您尝试发布问题时出现的popover中有非常简洁的解释）。这只是一个示例，如果我需要旋转45度或90度，该怎么办？这个问题仍然存在same@Kirill正如我在回答中告诉你们的，这是一个已知的错误，它发生在firefox中，还有许多其他跨浏览器出现的错误。几乎所有事情都有变通办法，但这些变通办法不是一般性的，而是针对特定情况的。你要么重新考虑你的方法，要么你“活”在这个bug中。这是我的机会