Magnetic Hover

Staff button

When the pointer enters the sensor range around the button, the button moves a little bit in the direction of the pointer, and the text on the button moves even more (to create a sense of hierarchy) and bounces back to its place after leaving.

Interactive demo: open this page in a JavaScript-enabled browser to drag the parameters and watch the live readouts.