首页 > 开发 > CSS > 正文

举例详解CSS中的cursor属性

2024-07-11 08:55:06
字体:
来源:转载
供稿:网友

一、开篇之言

CSS3的领域范围已经渗透到了cursor属性(鼠标手形)。这里简单介绍两个相当实用的组合zoom-in/zoom-out以及grab/grabbing.

本文重在展示,开阔眼界。
二、zoom-in/zoom-out组合

zoom-in/zoom-out可以让元素的鼠标形状变成“放大镜”或者“放小镜”。如下:
201568164813900.png (57×59)201568164923293.png (66×62)

于是,我们实现类似微博图片查看大图效果时候,就不需要再自己额外制作一个.cur文件了,直接如下寥寥CSS代码即可:

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表