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

Thanks for sharing :)

Share

asfasfagadgasgafgadfgadfgadf

Share

Thanks for sharing :)
Like
0

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.

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

Follow us on x.com

© 2024 - Eleveight Supply™

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com