前端项目更换鼠标样式

✏️ 是不是看够了小箭头 ？

记住这个链接 https://cdn.jsdelivr.net/gh/Tomotoes/images/blog/default.cur

https://cdn.jsdelivr.net/gh/Tomotoes/images/blog/default.cur

当然你有其他的链接也行 下文有推荐

---

🎯 使用方法一

点击此链接下载 .cur 文件到本地项目中

body {
  cursor: url('./utils/default.cur'),auto;
}

📝 使用方法二

直接通过cursor指向此链接

body {
  cursor: url('https://cdn.jsdelivr.net/gh/Tomotoes/images/blog/default.cur'),auto;
}

🏁完成！

🎨 更多的鼠标样式

网站地址：custom-cursor

❗注意 网站里的网站是针对win系统的鼠标指针，我们只是更改项目中的样式，所以我们直接对想用的图标截图即可，然后保存到本地。

❓ 那图片怎么变成cur

来来来 用这个网站：https://convertio.co/zh/

把刚才截的图.png或.jpg文件直接上传到这个网站，然后转换成.cur文件

这个网站不用登录注册就能用❗❗❗

转换成功后就能用啦！

💦当然，如果想更好看的话，你需要用到ps软件 将截的图变成背景透明