设计配色

CSS 光标速查 - cursor 属性预览工具

枚举常见 CSS cursor 关键字,悬停预览、搜索筛选并复制 cursor 声明,适合拖拽、缩放与禁用态光标选型。

CSScursor光标

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接,或在支持的设备上调用系统分享。

设计配色

CSS 光标速查

悬停任意光标块可预览效果,点击即可复制对应的 CSS `cursor` 声明。
当前选中: -
共 0 种光标

使用场景

  • 为拖拽手柄选择 resize 类光标
  • 对比 not-allowed 与 no-drop 等禁用态
  • 批量复制当前筛选出的 cursor 声明

如何使用

  1. 在光标板上悬停预览效果
  2. 用关键词或分类筛选
  3. 点击复制单项、选中项或当前列表

示例输入输出

操作

筛选 resize 并点击 nwse-resize

输出

cursor: nwse-resize;

FAQ

支持自定义图片光标吗?

当前列出浏览器内置关键字,不包含 url(...) 自定义光标图像。

显示的光标在所有系统都一样吗?

关键字标准统一,但具体图形由操作系统与浏览器决定,本工具以本机实际效果为准。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

CSS 转 Tailwind

CSS 转 Tailwind - 声明映射工具

可用

将单块 CSS 声明尽量映射为 Tailwind 工具类,常见布局、间距与颜色可匹配到标准类,复杂值会退回任意值写法,适合把样例样式迁到 utility-first。

CSS Tailwind 转换

CSS 阴影生成

CSS 阴影生成 - box-shadow 可视化工具

可用

可视化调节偏移、模糊、扩散、颜色、透明度和内阴影,实时预览并生成 box-shadow CSS,适合卡片、按钮和浮层阴影调试。

CSS 阴影 box-shadow