通过混合模式(默认 difference)与背景相互作用,可选 blendBackground,并支持环平滑。
import { createEffect } from "magic-cursor-effect"; const root = document.querySelector("#your-root") as HTMLElement; const instance = createEffect("invertRing", root, { "size": 42, "color": "rgba(99, 102, 241, 0.95)", "borderWidth": 2, "smoothing": 0.9, "blendMode": "difference", "blendBackground": "#fff" }); // later // instance.destroy();
返回 Magic Cursor 总览
绘制与页面像素按 CSS 混合模式作用的光环。blendBackground 可指定衬底以获得稳定对比。
大胆排版首屏、海报式版面、希望光标“切开”色块的实验。
在不丢失参数上下文的情况下对比邻近效果。