CSS Text Shadow on Mouse Move Effect -  

Improvement in code : actually that extra if() can be avoided if we use clientX, clientY instead of offsetX, offsetY. clientX/clientY : give us coordinates relative to top-left corner of browser window (what we want) offsetX/offsetY; give us coordinates relative to top-left corner of parent Element , as here parent of text is that hero div , so it take it according to that. if no element parent is available then is taken as parent. conclusion: you can replace destructuring assignment line with this line let { clientX: x, clientY: y } = e; and delete if() statement.

These videos are pretty good. Keep them coming. I'm not someone who always comment on videos, but since there was no comment yet I thought it would be good to say something.

Really good work Wes, it's one of the best series about JavaScript in the internet.

dude your videos are super awesome

Thanks man, your videos help alot

Thank you for your helpful videos

Nice Video. How to Create a Text Shadow on Mouse Move Effect in WordPress?

can someone please explain me the formula for walk?.......i tried calculating it but still did'nt get it......🤔

Has 'mousemove' been deprecated? It's not working. Console reports a MouseEvent on Click, but no MouseMove on hover.

Wes you awesome dude.. Thanks man.

you can just write const {offsetWidth, offsetHeight} = hero;

Thanks again!

I keep getting 'TypeError: hero is null'. Any possible solutions?

THANKS......

this one was terribly confusing

Great video, I guess you could use e.currentTarget to avoid that event delegation to children issue that you solved with this !== e.target

the formula is sort of magical , not getting it though.

i thought i was smart until i learn JS

at time 02:46 , const{offsetWidth: width, offsetHeight: height} = hero; what is that one line of code? i don't understand..

at 7:20 can anyone help me with xwalk and ywalk