使用css自定义鼠标光标样式

969 阅读1分钟

注意啦:点赞再看,养成习惯,你们的支持是我持续分享的最大动力(^▽^)

最近在做一个在线画板工具的项目,其中要实现的一个效果就是,在选择橡皮擦工具之后,鼠标移到画板上光标变成橡皮擦的形状,在多番尝试之后,终于找到了解决该问题的方法。

下面将如何使用css自定义光标样式的代码分享给大家,希望能对你们有所帮助:

#canvas{
    cursor: url("自定义光标样式图片的路径"),auto;
}

注意:自定义光标样式的图片仅支持.cur和.ico格式

福利:最后分享给大家一个还不错的在线png转ico格式图片的工具(www.ico8.net/index.php?a…

告诫自己,即使再累也不要忘记学习,成功没有捷径可走,只有一步接着一步走下去。 共勉!