Magic Cursor 效果库

这个效果库解决什么问题

Magic Cursor 是基于 magic-cursor-effect 的九种指针效果双语画廊。每个详情页说明行为、提供与线上一致的侧栏控件实时演示，并链接可横向对比的相关效果。

浏览全部效果

进入详情页查看行为说明、参数提示，并复制集成代码。

• 环形光标效果预览平滑跟随指针的圆环光标，可调尺寸、颜色、描边宽度与缓动。
• 放大镜光标效果在指针下放大内容，支持缩放、模糊、亮度、饱和度，并沿用环形效果的平滑跟随。
• 拖尾光标效果在移动路径上按节流间隔留下点阵拖尾，可调点数、尺寸、颜色与间隔。
• 聚光灯光标效果除跟随指针的圆形光区外压暗页面，可调半径与暗场颜色。
• 磁吸光标效果按 CSS 选择器匹配元素并向指针偏移，可调吸力强度与预览色块颜色。
• 火焰光标效果从指针发射上升火焰粒子，可调发射率、尺寸、寿命、上升速度、抖动与 DPR 上限。
• 烟雾光标效果从指针发射缓慢上升并漂移的烟雾，可调颜色、尺寸、寿命与运动参数。
• 反相环光标效果通过混合模式（默认 difference）与背景相互作用，可选 blendBackground，并支持环平滑。
• 电弧光标效果在指针附近生成短寿命电弧，可调长度、半径、寿命、发光、发射率与点击爆发。

更多游乐场工具