design / 可用工具

全家桶悬浮状态感知触发器

提供了 CSS 标准库定义的所有光标(Cursor)状态!无需查文档,把你的鼠标在卡片上划过去即可亲自体验在浏览器上到底是 `not-allowed` 还是 `no-drop` 更符合此刻拖拽失败的语境。

DesignCSSCheat Sheet

收藏工具

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

快捷操作

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

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

设计与布局

CSS 鼠标指针速查全图

Hover your mouse over any of the blocks below to instantly test and copy the CSS native `cursor` property string.
当前选中: -
共 0 种光标

使用场景

  • 绘制拖拽 Resize 组件时,需要获取准确对角线拉升的鼠标代码 `nwse-resize`。

如何使用

  1. 1. 满屏幕的悬停卡片,鼠标上扬即可见识真面目。点击卡片秒复制。

示例输入输出

Hover Move

[Mouse over icon]

Code

cursor: move;

FAQ

有自定义 Url 指针吗

主要列举浏览器硬编码支持的标准 Native Cursor 字典。