Cursor Animation Effects | On Mousemove, Mouseout & Mouse Stopped - Using HTML, CSS & Javascript

[@__fiamy]

hi! i was having a problem when I scroll my page or when i go on a link ('a') so in script: document.addEventListener("mousemove", (e) => { let x = e.clientX; //replace pageX for clientX let y = e.clientY; // replace pageY for clientY } and with this i solve the problem perdon por mi ingles a quien tenga el mismo problema que tuve con el scroll y el mouse espero le sirva, ya que lo que no tomaba era la posición del mouse al interactuar con la pagina, suerte!!

[@CodingSnow]

Great Work!

[@אילוןמעיין]

Thanks it helped me too :)

[@ookuna6542]

thank you, is very helpfull

[@divyankk2965]

hey i have a problem when i try to scroll the animation stay at the top and when i get back to top it act normal(follow the mouse pointer)

[@Nature_with_]

i like your effort, great work

[@thewantedmancity]

thanks for continuing to make this type of content

[@CodingSnow]

Glad you like it.

[@seeker3686]

No words to say...perfect🤩

[@CodingSnow]

Thank you very much ❤

[@anushka149]

learned so much. thanks!

[@samuelk1623]

Wow...Good job..Always perfect 👌

[@CodingSnow]

Thank you very much ✌

[@jiwonkim618]

Amazing ! Thank you so much!!!!!!!

[@rudisnyder1981]

I really liked this and I actually learned something thanks for the video I enjoyed it 👌

[@CodingSnow]

Glad it was helpful!

[@rudisnyder1981]

Thanks keep up the good work

[@CodingSnow]

@@rudisnyder1981 Thank you! ❤ Will do!

[@reecebygrave7211]

amazing thank you!

[@empowercode]

Hey Coding Snow, nice to meet you! I just found your channel and subscribed, love what you're doing! I like how clear and detailed your explanations are as well as the depth of knowledge you have surrounding the topic! Since I run a tech education channel as well, I love to see fellow Content Creators sharing, educating, and inspiring a large global audience. I wish you the best of luck on your KZbin Journey, can't wait to see you succeed! Your content really stands out and you've put so much thought into your videos! Cheers, happy holidays, and keep up the great work!

[@CodingSnow]

Hey, This is so great to hear! you really made my day ❤ Cheers!

[@datascience3008]

hi bot

[@afrozcollection5457]

thanks it helpful for me....☺

[@Mehedihasan-nt5zk]

Keep up it bro.❤

[@CodingSnow]

Thank you ❤️

[@אילוןמעיין]

Thank you :)

[@AnimeThings_]

Awesome bro but waiting for a long time I think you upload video on my request which that blast effects.😓

[@CodingSnow]

Thank you bro ❤ Didn't forget, Working on it. I will upload it soon.

[@AnimeThings_]

Thank god! Please upload soon as possible

[@trxlly]

Thanksss

[@bishalsenhdri7655]

Lit 🔥🔥

[@anshut-rex6522]

Nice video 🔥🔥🔥🔥 In which year start coding Where are u live bro

[@CodingSnow]

Thank you ❤ A few years now, I am a Srilankan. Currently, I live in Australia.

[@anshut-rex6522]

@@CodingSnow Plzz make portfolio website

[@CodingSnow]

@@anshut-rex6522 Okay..Stay tuned.

[@anshut-rex6522]

@@CodingSnow Ok bro 🔥🔥

[@burgasHoH]

Cool video

[@CodingSnow]

Thank you ❤

[@lizar7521]

My cursor still doesn't move after inputing position: fixed; It suddenly stays at the top left corner. possible errors/solutions?

[@insanequeen6676]

mine too, I also needs some solution. I am frustrated.

[@pankajnaik1069]

Hi...great video !! I have a silly doubt.. Can u plz tell why do we use clearTimeout() here. Without this also it works fine.

[@CodingSnow]

It is for hide the cursor animation when mouse move stopped. clearTimeout() is for reset the timeout variable to again run the same 1000 milliseconds when mouse stopped again. Simply it is for keep the 1000ms gap everytime to hide the cursor animation when mouse move stopped.

[@anamshafiq640]

i have a problem my cursor is not work on all links

[@ahmadbadran6524]

z-index: 999; pointer-events: none; --------------------------------------------- Make sure these styles is in your code.

[@monishp168]

I owe you a lot

[@AfricaTimeMachine]

Can we do this in WordPress

[@swrnymx7]

i made one for my website but i want it to hide in mobile phones is there any way to do so?

[@21BCS022Ishan]

use media query to allow the animation only above certain screen width and it will work for sure

[@dingadanga8653]

How can I apply this to a wordpress website?

[@muthassimbilla]

The cursor passes below the side bar. . How to fix this!!

[@siphonkabinde7115]

try increasing your z-index

[@affnaan3178]

hey can i use your source code in my website plz

[@CodingSnow]

Okay, you can use.

[@affnaan3178]

thx

[@adiansyahputra774]

👍👍👍

[@samuellamichhane4368]

when I scroll it does not follow the mouse

[@CodingSnow]

Read the pinned comment. You'll get the solution. 😊

[@gpofficial4574]

Hi

[@anamshafiq640]

can anybody help me

[@flierfg1098]

Курсор работает хорошо но из за этого минуса дизлайк объясняю в чём проблема при вёрстке этого курсора проблем не будет но при большой страницы при прокрутки сам курсор будет уходить вниз за экран так что я считаю что это не доработка 😐🤔

[@dails6211]

clientX и clientY можешь использовать

[@namdao6963]

Ferpect