其他
css | style | 备注 |
---|---|---|
o.0.5 | opacity:0.5; | |
z.5 | z-index:5; | |
z.1.1 | z-index:-1; | |
c.red c.#ccc | color:red; color:#ccc; | |
oh | overflow: hidden; | |
ov | overflow: visible; | |
ope.ao | pointer-events:auto; | |
ope.n | pointer-events:none; | |
ope.vd | pointer-events:visiblePainted; | |
ope.vl | pointer-events:visibleFill; | |
ope.ve | pointer-events:visibleStroke; | |
ope.v | pointer-events:visible; | |
ope.p | pointer-events:painted; | |
ope.f | pointer-events:fill; | |
ope.s | pointer-events:stroke; | |
ope.a | pointer-events:all; | |
ope.i | pointer-events:inherit; | |
ovy.v | visibility:visible; | |
ovy.h | visibility:hidden; | |
ovy.c | visibility:collapse; | |
ocr | cursor:pointer; | |
ocr.default | cursor:default; | 更多选项见cursor选项表 |
ocrnd | cursor:no-drop; | |
obs1 | box-shadow: 0 0rpx 10rpx 0rpx rgba(2, 4, 38, 0.1); | |
obs2 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); |
cursor选项表
选项 | 描述 |
---|---|
default | 默认光标(通常是箭头) |
pointer | 指示链接(通常是手形) |
text | 指示文本(通常是I形光标) |
wait | 指示程序正忙(通常是沙漏或表) |
help | 指示可用的帮助(通常是带有问号的箭头) |
crosshair | 十字线光标 |
move | 指示某对象可被移动(通常是四向箭头) |
e-resize | 指示边界可向东(右)调整大小(通常是右箭头) |
ne-resize | 指示边界可向东北(右上)调整大小(通常是右上箭头) |
nw-resize | 指示边界可向西北(左上)调整大小(通常是左上箭头) |
n-resize | 指示边界可向北(上)调整大小(通常是上箭头) |
se-resize | 指示边界可向东南(右下)调整大小(通常是右下箭头) |
sw-resize | 指示边界可向西南(左下)调整大小(通常是左下箭头) |
s-resize | 指示边界可向南(下)调整大小(通常是下箭头) |
w-resize | 指示边界可向西(左)调整大小(通常是左箭头) |
progress | 指示进程(通常是带有插入符号的箭头) |
alias | 指示创建别名或快捷方式(通常是带有加号的箭头) |
copy | 指示可复制对象(通常是带有复制的箭头) |
no-drop | 指示拖放操作不可用(通常是带有一个斜线的圆圈) |
not-allowed | 指示不允许的操作(通常是带有一个斜线的圆圈) |
grab | 指示抓取对象(通常是闭拢的手形) |
grabbing | 指示正在抓取对象(通常是张开的爪子手形) |
url('path/to/cursor.png') | 使用自定义光标图像,其中 'path/to/cursor.png' 是图像的路径 |