带有可点击选项的自定义鼠标光标

Question

我需要一个像此网站一样的自定义鼠标光标：

https://blab.studio

当您在页面正文中输入鼠标时，诅咒指针将被隐藏，并且网站显示为自定义光标。 您可以为此显示正确的代码或脚本吗？

我希望能够使用此光标单击，就像我发送的网站一样。

致谢。

Answer 1

您可以使用CSS属性来实现：

.myclass {
  cursor: url(images/my-cursor.png), auto;
}

例如，如果您想在整个网站中更改光标：

body {
  cursor: url(images/my-cursor.png), auto;
}

您可以使用 gif ， svg ， png ...作为图像。

要隐藏光标，请使用：

 cursor: none;