1. 犀牛前端部落首页
  2. CSS教程

CSS鼠标变成小手效果

有的时候我们需要用CSS来设置CSS悬浮的时候显示小手效果,来告诉用户当前元素可点击。

其实这是使用到了CSS的 cursor属性,实现代码如下:

cursor:pointer;//小手

其他效果

cursor属性除了可以实现小手效果,还可以实现其他的效果,大致分为下面几种:

  • 普通( General )
  • 链接及状态
  • 选择
  • 拖拽
  • 重设大小及滚动
  • 缩放

例如,下面图片的属性和效果。

CSS鼠标变成小手效果
CSS鼠标变成小手效果
CSS鼠标变成小手效果

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/4275.html

发表评论

登录后才能评论