search

dshongphuc / magic-mouse-js

A lightweight javascript library to create some amazing effects for the mouse (cursor) on your website - MagicMouse.js : https://magicmousejs.web.app/
MIT License
392 stars 60 forks source link

Hover class for #magicMouseCursor #4

Closed felixdorner closed 3 years ago

felixdorner commented 3 years ago

Hey Phuc,

thanks for your great script. For my desired style, I did set the "defaultCursor" option to true and display the outer circle only. Now I'd like to set a hover effect with CSS, but there is no hover class added to the #magicMouseCursor div when hovering over a link? Can you help me out to target the hover of the #magicMouseCursor div?

Cheers, Felix

dshongphuc commented 3 years ago

Hi @felixdorner , My apologizes for replying your issue too late, I didn't see notification. For your issue, I think the #magicMouseCursor div already have the class name "is-hover" when it hover to something, you can open the dev tool and check on homepage.

Thanks, Phuc.

felixdorner commented 3 years ago

Hey @dshongphuc, thanks for your answer but I went with a different solution.

However, as I remember correctly, I did check it with dev tools and there was no "is-hover" class for #magicMouseCursor... only for its child divs (outer circle and cursor). But I would need to check again and as mentioned before, I found another solution. Thanks.