Mouse Move animations in JS | JavaScript Tutorials | Web Development Tutorials

Learn to code Mouse Move animations in JS. This vide lesson will cover the mouse event handling and animation concepts in JS.

Source code for "Mouse move animations in JS":

[Ginfio]

Thanks for the animation.
Short, simple, and best.

[GSBroker]

Remember to remove the elements after they've been rendered. Something like:


setTimeout(() => {
circle.remove();
}, 300);

[invictuz]

Woah clean and slick effect! Would be really helpful for the video if you show the effect at the start of the video though.

[arminekhachatryan]

I like your codding, you explain very easy and step by step. It is very important for me.
Thanks....

[vamshi]

Thank you very much...works like a charm

[vijayaraghavankabali]

instead of circles whether any name or current time or any specific text can be move along with the cursor when mouse moves?

[deepgandhi]

what if i want to make an logo besides of circle or any other shapes, where my mouse pointer is moving!!

[poopitypoopface]

This works but as soon as I start scrolling down the circle doesn't follow my cursor anymore, I have to scroll back up for it to follow

[mahmoud-qkpi]

Nice code. New subscriber👌💪 but can you explain Math.floor?? I dont understand that. Nice video btw.

[rooosternoname]

Do you think it's possible to do something like this but use the circles to create an opacity? An example would be having an initial div with a background img and then an inner div with a black background. Then where the mouse hovers make the black background have 0 opacity in a small circle around the mouse?

[mrminar]

It can only be used in the first section.


how can i use it for full webpage

[amanbhatnagar]

Great content ! Helped me a lot. Just 1 problem.
I have a navbar in my page, and "onmousemove" has disabled the navbar links.

How do I fix that ?
How do I disable the onmousemove effect from the navbar?

Thanks in advance!

[amrutaupskillutoday]

I want to move powder or dust or particles on the background image and display the background image on mouse hour effect is it possible?

[kazybekkarlybay]

This works but as soon as I start scrolling down the circle doesn't follow my cursor anymore, I have to scroll back up for it to follow
. Please help me

[biboylzmusic]

this is awesome but how can i remove the element after moving the mouse?

[keerthinandigam]

hey, it worked for me until the end. but, when I'm trying to add random colours, it's not working. why?

[nikolassj]

Can I do this using notepad? Because it worked to some point and then it didn't wanna work anymore. I am trying to implement it on an existing website... HTML, school project

[amvishal]

how to apply in a whole HTML page..it's showing in particular section

[willsonkingtinlaw]

How to make the cursor to be able to click button?

[grimlock]

Pls help now I can't click anything :(
Edit: NVM saw it on the comment Thanks bro