Cursor Tracking with CSS Variables! | SUMMARY iOS Button Hover with Highlights | @keyframers 3.10.1

Breakdown of how to handle cursor tracking & highlights with CSS variables. This is a short clip from a live episode where David Khourshid & Stephen Shaw recreate the new iOS directional lighting cursor interaction using CSS & JavaScript.

🎥 Want more? Watch the Full Live Episode:    • LIVE: iOS Button Hover with Highlights | @...  

💡 Inspiration:   / 1278384065087893505  
💻 Code: https://codepen.io/team/keyframers/pe...

Additional Resources:
Hover Highlight Effect https://codepen.io/shshaw/pen/MoxrPV
RETICOOL https://shshaw.github.io/reticool/
Design for the iPadOS Pointer: https://developer.apple.com/videos/pl...

Like what we're doing? There are many ways you can support @keyframers so we can keep live coding awesome animations!

Like & subscribe on YouTube at    / keyframers  
Buy web dev shirts, stickers & more at https://keyframe.rs/merch
Follow & tweet us at   / keyframers  
Support us on Patreon at   / keyframers  

Topics covered:

CSS Transitions
CSS Variables
Cursor Effects