CSS光标：它可以是半透明的图像吗

Question

当您将鼠标光标放在 img 上时，我正在尝试创建一种效果，它会在鼠标所在的小区域发光。

我通过在 img 上方将光标更改为 .gif 来实现这一点。我已经为 img 使用了 CSS 光标属性，但是光标图像（我在 photoshop 中制作的 .gif）在它应该是透明的时候是平坦的。

是否可以在 HTML/CSS 中使用半透明光标？也许我需要使用 .cur 文件或 .ico？

我是否应该只钩住 onmouseover 事件并在鼠标移动时在鼠标下方放置一个 img（具有透明发光外观）？

Answer 1

如果您需要对图像进行动画处理，您可以使用另一种方法，但使用 32 位 PNG（无论;)，您应该更喜欢 GIF）应该可以工作。

Answer 2

您可以创建自己的自定义光标。

然后应用这个样式：

.customCursor {
   cursor: url('mycursor.cur');
}