[Cursor follows the eyes]

Hi @ZachSaucier thanks again for all the tips! I'll try to change the element because this will go basically on a one-page site. 
Thanks again!

[Cursor follows the eyes]

Thanks @ZachSaucier, that was what I was tryin to do and explain!
Looking at it the only thing that I don't understand is why the pupil stops following the mouse when it is far from the svg in the viewport. But I'm gonna try to fix it.
Thanks again!

[Cursor follows the eyes]

Thank you @ZachSaucier I'm gonna try.

 

Update: Definitely I'm not able to fix this problem, I'll wait for someone who show me how to do.

[Cursor follows the eyes]

Sorry Zach, maybe I cannot explain my intention correctly.
The pupil in the g code I've posted is moving with mouse but it goes outside the yellow circle , so what I'm trying to do is move the pupil with mouse but inside the yellow circle (just like the reference, sorry for being so repetitive).

 

Thanks a lot for your time, I'm a visual designer and I'm trying to learn some code.

[Cursor follows the eyes]

Hi @ZachSaucier and thanks for the answer. Your solution is awesome but what I was trying to do is "pupil" element moving inside the yellow "eyeball" element just like the reference 😅     I have to admit that I'm not so prepared in Js! 

[Cursor follows the eyes]

Hello there, can anyone help me with this?

See the Pen vYKrMRV by giulioiamnot (@giulioiamnot) on CodePen

 

refered to: 

See the Pen VdKjPE by GabEsu (@GabEsu) on CodePen

 

I'm struggling with pupil's rotation, if anyone could help me understand where is the issue I'll be grateful.