Feedback & Interaction · What a tap feels like
Cursor preview follow悬停预览跟随
- see it before you click
- follows your hand
- swaps fast
Move the pointer across the names in a menu and a preview pops out of the pointer and follows it. Move to the next name and the preview swaps in place; move the pointer and it follows again. Leave the list and it shrinks away.
When to use it
Use it where names alone do not tell you what something is — portfolios, product lists, tables of contents. Skip it where the name already says it all; an extra floating layer just gets in the way and covers the next row.
Parameters
preview 196×132 · transform: scale 0 → 1 in 320ms cubic-bezier(.22,1,.36,1) · position lerp 0.12, no easing · swaps content per row
Recipe
Cursor preview follow → scale 0 → 1 @ 320ms cubic-bezier(.22,1,.36,1)
One sentence for your AI
Add hover previews to this list: when the pointer enters a row, put that row's image into a position: fixed container and grow it from scale 0 to 1 over 320ms cubic-bezier(.22,1,.36,1), chasing the pointer with a lerp of 0.12. When the row changes, keep the container in place and just swap its contents. On leaving the list, shrink back to 0. The container must be pointer-events: none.