Back
code override
code override
updated — feb 16
updated — feb 16
Use desktop for the full experience.
Hover me
Copy override code
Copied!
Now paste it in a new override file
Copy override
Copy override
Copied!
Now paste it in a new override file
Please switch to desktop to copy the code.
Share
Share
Share
Magnetic hover
With this code override you can have a magnetic hover effect added to any frame. This is mainly used on buttons and its found originally in iPad OS when using a mouse.
Magnetic hover
With this code override you can have a magnetic hover effect added to any frame. This is mainly used on buttons and its found originally in iPad OS when using a mouse.
Adjustable properties
Damping
Stiffness
Effective range
Intensity
Actionable area
Adjustable properties
Damping
Stiffness
Effective range
Intensity
Actionable area
How do I use it?
Copy the override code and then, go to your Assets tab, click on + and add a new override. Name it Magnetichover and paste the code inside replacing the reference code from Framer.
Select your frame/button and from the right panel go down to the code overrides section and click on + then select Magnetichover on file and Followcursor on the override.
To adjust the properties from that same panel click on edit code and adjust the following properties to your use case (damping, stiffness, effectRange, intensity, actionablearea). Adjustable properties have a detailed explanation in the code.
How do I use it?
Copy the override code and then, go to your Assets tab, click on + and add a new override. Name it Magnetichover and paste the code inside replacing the reference code from Framer.
Select your frame/button and from the right panel go down to the code overrides section and click on + then select Magnetichover on file and Followcursor on the override.
To adjust the properties from that same panel click on edit code and adjust the following properties to your use case (damping, stiffness, effectRange, intensity, actionablearea). Adjustable properties have a detailed explanation in the code.
Follow us on x.com
Say hello: sales@eleveight.supply
Follow us on x.com
Say hello: sales@eleveight.supply
Follow us on x.com
Say hello: sales@eleveight.supply