Hopp til innhold
← KolofonDesignelementPointer events

Egen markør og magnetiske knapper

Markøren er en sirkel i blandingsmodus «difference» som vokser over lenker. Knappene trekkes mot pekeren som magneter.

Markøren følger pekeren med en fjærdempet forsinkelse (lerp) i requestAnimationFrame. Den inverterer fargene under seg, så den alltid er synlig.

Elementer med data-magnetic forskyves mot pekeren når den er i nærheten, og spretter tilbake med en fjærkurve laget med CSS linear().

Alt dette gjelder bare for mus og styreflate (pointer: fine). Berøringsskjermer og «redusert bevegelse» får den vanlige markøren.

I koden: components/fx/FxRuntime.tsx

Neste bit

⌘KESC