Magnetic Buttons | Codrops

A small set of magnetic buttons with some fun hover animations.


From our sponsor: Don’t spend all day sending messages. Automatically reach out to fans based on how they behave.

It has been a long time since we explored some button styles here on Codrops! But after seeing a really nice one on Cuberto, I wanted to explore some ideas and share them with you.

The main idea of these buttons is that they are magnetic and follow the mouse pointer. Along with that, there’s lots of room to play with some interesting hover animations. A very nice thing to explore is the motion of an additional element like a shadow or another line. The parallax effect created by moving the button’s elements differently, gives a nice twist to the animation.

I really hope you like them! Can’t wait to see your ideas 🙂 Share them with us @codrops or @crnacura.

Leave a comment

Your email address will not be published.