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

Question

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?

Answer 1

如果你需要的图像是动画，但使用的是32位PNG代替（你应该比GIF更喜欢不管你可以做替代;)应该工作。

Answer 2

You could create your own custom cursor.

Then apply this style:

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