除跟随指针的圆形光区外压暗页面,可调半径与暗场颜色。
import { createEffect } from "magic-cursor-effect"; const root = document.querySelector("#your-root") as HTMLElement; const instance = createEffect("spotlight", root, { "radius": 80, "dimColor": "rgba(0, 0, 0, 0.82)" }); // later // instance.destroy();
返回 Magic Cursor 总览
以指针为中心在遮罩上挖出圆形亮区。radius 决定光照范围,dimColor 控制周围暗度。
引导式浏览、叙事滚动、需要一次只聚焦一个区域的揭晓场景。
在不丢失参数上下文的情况下对比邻近效果。