Let's Build with JavaScript - Using Mouse Events To Animate Text

====================

In this installment of my Let's Build with JavaScript series I talk about using mouse events to animate text.

We'll be building a text-shadow animation that takes place on mouse hover. As you move your cursor over a containing div the text can animate in real-time thanks to JavaScript events. We'll target the `mousemove` event specifically to hook into coordinates defined in the browser relative to where your cursor lands on the screen. Combine some math and some ES6 and we've got a pretty cool little animation effect.

====================

☕️ Keep me awake. Buy me a coffee

📰 One-Click Subscribe:

💎🛤 NEW COURSE: HELLO RAILS

💻 Previously published at:

💻 Check out the blog:

🦄 Check out my personal site:

🚀 Links:

📘Check out my book on UX Design:
"LUXD: Learn User Experience Design"

📙 Check out my FREE book on Tumblr Theming:
"Pro Tumblr Theming"

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease:

🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered.

[rafibomb]

Thanks! This was fun! On line 16, width should be height for a better effect.

[BROTHER-qw]

hello andy I try your videos on dropzone but it does not marches the images do not come in thumbnails tone you have it in the vide