CSS光标:可以是半透明图像吗
我试图创建一种效果,当您将鼠标光标放在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您需要对图像进行动画处理,您可以采用替代方法,但使用 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.您可以创建自己的自定义光标。
然后应用这种风格:
You could create your own custom cursor.
Then apply this style: