前端js更改鼠标箭头为动态ani效果

改变鼠标样式(示例网址)

2023, 12.22
再个人网页上把鼠标箭头改为动态的动画感觉比较炫酷。在前端网页上css可以直接使用.cur静态图标，但不支持.ani动态鼠标。

前言

使用第三方库，在前端页面上也可以用炫酷的鼠标箭头效果。

一.更改网页上的静态鼠标样式.cur

css支持更改静态鼠标样式.cur图标，可以在CSS文件里直接加上.

* {
   
   
       cursor: url("./path/mouse.cur"), default;
   }

上面这行代码表示 用mouse.cur作为鼠标，如果有问题则使用default默认鼠标。

二.使用动态鼠标样式.ani文件

css不支持动态鼠标样式.ani图标，在网上找到一个库支持.ani,感谢国外友人开发的库。
原文点这里
先安装依赖 ani-cursor

npm install ani-cursor

下面是完整代码的一个实例:
index.html