CSS光标:可以是半透明图像吗

发布于 2025-01-02 21:20:01 字数 322 浏览 0 评论 0原文

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

我通过将光标悬停在 img 上时将其更改为 .gif 来实现此目的。我已经为img使用了CSS光标属性,但是当它应该是透明的时,光标图像(我在photoshop中制作的.gif)是平坦的。

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

我应该挂接 onmouseover 事件吗?当鼠标移动时在鼠标下方放置一个 img(具有透明发光外观)?

I am trying to create an effect when you place the mouse cursor over an img it glows in the small region where the mouse is.

I acheive this by changing the cursor to a .gif when its over the img. I have used the CSS cursor attribute for the img, but the cursor image(a .gif I made in photoshop) is flat when it is supposed to be transparent.

Is it possible to have a semi transparent cursor in HTML/CSS? Maybe I need to use a .cur file or maybe .ico?

Should I just hook the onmouseover event & place an img(with the transparent glow look) under the mouse as it moves?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

扮仙女 2025-01-09 21:20:01

如果您需要对图像进行动画处理,您可以采用替代方法,但使用 32 位 PNG 代替(无论 ;) 应该可以,您应该更喜欢它而不是 GIF。

You could do the alternative if you need the image to be animated, but using a 32-bit PNG instead (which you should prefer over GIF regardless ;)) should work.

长安忆 2025-01-09 21:20:01

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

然后应用这种风格:

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

You could create your own custom cursor.

Then apply this style:

.customCursor {
   cursor: url('mycursor.cur');
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文