按 CSS 选择器匹配元素并向指针偏移,可调吸力强度与预览色块颜色。
import { createEffect } from "magic-cursor-effect"; const root = document.querySelector("#your-root") as HTMLElement; const instance = createEffect("magnetic", root, { "strength": 0.35, "selector": "[data-magnetic]" }); // later // instance.destroy();
返回 Magic Cursor 总览
通过 selector(默认 [data-magnetic])选中元素,按 strength 向指针偏移;itemColor 为预览块上色。
按钮阵列、卡片堆叠、希望附近 UI 被光标吸引的微交互演示。
在不丢失参数上下文的情况下对比邻近效果。