back
code override
updated — feb 16
Use desktop for the full experience.
Hover me
Please switch to desktop to copy the code.
Magnetic hover
new
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.
code override
updated — feb 16
Use desktop for the full experience.
Hover me
Magnetic hover
new
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.
code override
updated — feb 16
Use desktop for the full experience.
Hover me
Please switch to desktop to copy the code.
Magnetic hover
new
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
new
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
new
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
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.
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.
A product by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
A product by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply
A product by Fabian Albert.
Follow us on x.com
Say hello: sales@eleveight.supply