html好看鼠标光标特效

文章目录

1️⃣ 自定义鼠标指针图案
2️⃣ 自定义鼠标点击特效
- 1.1 点击效果展示
- 1.2 点击特效代码
源码下载
优质资源分享

html好看鼠标光标特效 ,包括自定义鼠标指针图案，和自定义鼠标点击特效（鼠标点击出现爱心特效，每次颜色不一样。），好看的鼠标特效，好看的鼠标指针，自定义光标样式。

注意： Firefox/Mac, Safari/Mac, Chrome/Mac不支持PNG格式和JPG格式的图片光标。IE仅支持CUR格式的图片光标。
因为图片的兼容性，所以推荐全局界面使用cur光标，单个容器，超链接可以使用图片光标。

1️⃣ 自定义鼠标指针图案

1.1 基本鼠标样式

css样式

body{
	cursor:pointer;//全局，手型光标样式
}
1
2
3

光标样式

1.2 自定义光标样式

1.2.1好看的自定义光标

上百个好看的光标,具体下载地址见文章结尾

在这里插入图片描述

1.2.2 html中使用自定义光标

图片分辨率建议32px

方案1：全局使用特定光标效果

body{
	cursor:url('图片地址'),auto;
}
1
2
3

方案1：标签使用特定光标效果

span{
	cursor:url(https://www.xcsharp.top/read/mycur.png),auto;
}
1
2
3

方案3：全局使用特定光标效果，网络url

body {
    cursor: url(https://www.xcsharp.top/read/mycur.cur),auto;
}
1
2
3

1.2.3 html中使用自定义光标效果

在这里插入图片描述

1.2.4 html中使用光标源码



xcSharp博客



	 自定义鼠标样式 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

2️⃣ 自定义鼠标点击特效

1.1 点击效果展示

鼠标点击的时候出现爱心，每次点击的爱心颜色不一样，也可以使用自定义的图案。

在这里插入图片描述

1.2 点击特效代码





xcSharp博客






  
    最全的前后端资源源码  - 收藏
    
	
		学生作业神器，好的资源代码，免费服务器部署，数据接口提供，源码下载 
		前端界面
	
	   ★★★★☆【总览】程序员前端、后端资源合集
	   ★★★★☆【博主推荐】HTML制作一个美观的个人简介网页（附源码）
	   ★★★★☆【博主推荐】html好看的个人简历网页版(附源码)
	   ★★★★☆【博主推荐】html好看的个人主页(附源码)
	   ★★★★☆【博主推荐】html好看的邀请函(附源码)
	   ★★★★☆【博主推荐】html好看的音乐播放器(附源码)
	   ★★★★☆【博主推荐】html好看的拼图小游戏(附源码)
	   ★★★★☆【博主推荐】html好看的拼图验证码(附源码)
       ★★★★★【博主推荐】html界面绘制SVG图形(附源码)
       ★★★★★【博主推荐】html操作SVG图(附源码)
       ★★★★★【博主推荐】html下拉框树形（附好看的登录界面）
       ★★★★★【博主推荐】HTML5响应式手机WEB(附源码)
	   ★★★★★【博主推荐】html后台管理系统框架(附源码)
	   ★★★★☆【博主推荐】大数据可视化大屏(源码下载)
	   ★★★★☆【博主推荐】html好看的列表滚动效果（附源码）
	   ★★★★☆【博主推荐】html引用百度地图定位闪烁弹框树形(附源码) 
	   ★★★★☆【博主推荐】HTML酷炫动画表白求爱界面(附源码)
	   
       
	   ★★★★★【博主推荐】JAVA SSM框架的后台管理系统（附源码）
	   JAVA后端资源
	   
       ★★★★★【博主推荐】SpringBoot API接口对数据库增删改查,路由,TOKEN,WebSocket完整版(附源码)
	   
       
	   ★★★★☆【博主推荐】C# Winform定时发送邮箱(附源码)
	   C#后端资源
	   
	   ★★★★☆【博主推荐】asp.net WebService 后台数据API JSON(附源码)
	   ★★★★☆【博主推荐】C#生成好看的二维码（附源码）
	   ★★★★☆【博主推荐】C#MVC列表实现增删改查导入导出曲线功能(附源码)
	   
     
   



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129