v2.0
Library
Button effects
The Magnetic Effect creates an interactive experience by making buttons or other elements react to mouse movement.
data-magnetic
Required
Activates the magnetic effect on the element.
data-magnetic-strength
Optional
Controls the intensity of the element's movement towards the cursor.
Default: 0.5
data-magnetic-radius
Optional
Defines the radius (in pixels) within which the magnetic effect is active.
Default: 200
data-magnetic-rotation
Optional
Specifies the intensity of the rotation effect when the cursor moves near the element.
Default: 5
Choose how you'd like to connect with our support team
Get help from our team of experts
Response within 24 hours