Crashing cars and improving hover detection | Motion Magazine
motion.dev · 2,220 words · saved by 1 readers
Fast pointer movements can skip over elements, breaking hover detection. The surprising solution can be found in game development.
I'm going to show you an effect that you'll recognise immediately, perhaps without ever having paid it much attention. Take any collection of elements that react to hover: a list of menu items, swatches in a colour picker, squares in a grid. Now quickly swipe your cursor across them: In real life, your hand moves across your desk, or your finger across the screen, in a continuous, unbroken motion. But this isn't reflected in the example above. Here, lights in the path of motion are switched on seemingly at random. Move slower, and you'll see that every element lights up, and the faster you swi
saved by
related reading
- Transitionsanimations.dev
- Details That Make Interfaces Feel Betterjakub.kr
- Invisible Details of Interaction Designrauno.me
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Inside Framer's Magic Motionnan.fyi
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Building a prediction cone for dropdown menussorenblank.com
- Crafting the Next.js Websiterauno.me
- An Interactive Guide to CSS Transitions • Josh W. Comeaujoshwcomeau.com
- Shading Motion - The Blog of Maxime Heckelblog-git-motion-post-maxime-heckels-projects.vercel.app
- Intersection Observer API - Web APIs | MDNdeveloper.mozilla.org