What is Magnetic button?
The short answer
A magnetic button drifts toward the cursor as it gets close, then snaps back, making the button feel physical and inviting a click.
Magnetic button, explained
It is a few lines of pointer math applied as a transform. It should be subtle and switch off for reduced motion and touch.
Questions people ask about Magnetic button
What is Magnetic button?
A magnetic button drifts toward the cursor as it gets close, then snaps back, making the button feel physical and inviting a click.
Related terms
Micro-interactions are small, single-purpose animations that respond to what a visitor does, like a button that presses in, a heart that fills or a field that shakes on an error.
Hover effectsHover effects are visual changes that happen when a pointer moves over an element, like a card lifting, an image zooming or a link underlining.
Custom cursorA custom cursor replaces or decorates the system pointer with a designed shape, often one that grows, labels or reacts to what it hovers.
Parallax scrollingParallax scrolling moves background and foreground layers at different speeds as you scroll, creating an illusion of depth.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.