Magnetic hover reveal

🎉 introducing: magnetic hover for Framer use this to... create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)show more

Ngayon, Krass reveal naman JARREN KAIREN MAGNETIC RHYTHMS

i had to recreate this animation from because of... how cool it is - stagger animation on entry - hover to reveal card contents - masked gradient on text on hovershow more

It’s wild: two 10×10×3 mm NdFeB magnets hover above... a ⌀19×5 mm rotor spinning at 11,000 RPM, tracing Lissajous‑like loops in midair. Dynamic magnetic forces alone hold them, static magnets can’t. True magnetic bound state in motion.show more

magnetic bento hover effect w/ css anchor positioning .bento... { li:hover article { anchor-name: --a; } .indicator { position-anchor: --a; inset: anchor(inside); transition: inset var(--dur) var(--ease); } }show more

Focus By Demotion a use case for #CSS `:hover... > :not(:hover)`show more

TESLA Unveils Levitating “CYBERBIKE” That Hits 500 MPH —... Tesla has just revealed a magnetic hover superbike that can reach 500 mph without touching the ground. Built with Tesla’s signature cyber-aesthetic and next-gen anti-gravity propulsion, it hovers silently above roads.show more

Some hover states might be hurting your website's mobile... experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️show more

Hover Exploration №002

Visualizing magnetic fields. 📽: Magnetic Games

Card hover animation experiment.

Shader hover animation thoughts?

The New Tesla Hover Bike!

"glowy hover effect" by Ines

Review card hover effect 🧡

Wonderful hover micro-interactions 🧈