1

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?

Improve this question

2 Answers 2

Reset to default
2

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.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

-1

You could create your own custom cursor.

Then apply this style:

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

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.