🎯
自定义光标预览
轻松查看与生成 CSS 光标代码
切换浅/深主题
重置参数
光标设置
选择系统光标或使用自定义图片
光标类型
default
pointer
text
crosshair
move
grab
grabbing
zoom-in
zoom-out
col-resize
row-resize
not-allowed
progress
help
none
自定义图片 (cursor: url)
回退光标(自定义失败时)
auto
default
pointer
text
move
not-allowed
上传光标图片(PNG/JPG/GIF/SVG/ICO/CUR)
推荐透明背景正方形图片;移动端对自定义光标支持有限。
预览背景色
缩放倍数:
1.0x
热点(点击点)坐标:X=
0
,Y=
0
热点拾取器(点击设置)
图片上传或生成后可在此画布点击设置热点坐标
内置图案
圆点
十字
靶心
生成代码
选择应用目标并复制或下载
应用目标
预览区域 #preview
整页 body
自定义选择器
CSS 选择器
/* 选择上方参数以生成光标 CSS */ /* 示例:cursor: url(data:image/png;base64,...) 8 8, pointer; */
复制代码
下载CSS文件
预览区域
在这里移动鼠标,查看光标效果
显示背景网格
检测到触控设备:部分移动端可能不显示自定义光标
文本可选
按钮可点
表单可输入
交互演示
普通按钮
如链接的按钮
选择这段文字试试:
Shift
+ 拖动