鼠标跟随脚本，在悬停时无法动画

Question

我试图实现脚本让div块跟随我的鼠标，然后在悬停在某些链接上时为其设置动画。问题是当它悬停在任何物体上进行转换时，它会开始闪烁并变得挑剔。

Codepen：https://codepen.io/grayghostvisuals/pen/kepDb/

"react": "16.0.0",
"react-native": "0.49.3"

有什么想法吗？

Answer 1

这似乎是一个z指数问题。 Hover将尝试检查您的鼠标是否位于元素上方，但它会跟随您的鼠标悬停在圆圈上。如果你对圆圈使用负z-index，这支笔会显示它是如何工作的。

但是，您可以让浏览器忽略圆圈的指针事件，一起解决问题。我changed your pen to add the solution。

.element {
  pointer-events: none;
}