不能在 css 中使用 .ani 光标？答案

【问题标题】：Can't use .ani cursor in css?不能在 css 中使用 .ani 光标？
【发布时间】：2014-10-09 09:51:15
【问题描述】：

我已经自定义了我网站的光标。但是 css cursor: url(...);仅适用于 .gif .png 或 .cur。我想使用 .ani 文件，但它只适用于 IE。

cursor: url(../img/mcursor.cur),auto;

【问题讨论】：

.ani 是一种特定于 Windows 的格式。毫不奇怪，它只适用于 IE，因为 MS 坚信其他操作系统是错误用户意见的虚构。

标签： css mouse-cursor

【解决方案1】：

IE 使用 Windows API 支持 .ani 和 .cur。 Webkit/Blink 和 Firefox 有自己的 .cur 解析器（参见 ICOImageDecoder 和 nsICODecoder），但它们没有 ani 格式的解析器（如 [ANIHEADER] 等的代码搜索没有结果证明）

请参阅Animated cursor support in web applications?，了解 IE 以外的浏览器对动画光标的支持。基本上，目前没有其他人真正支持任何动画光标。

【讨论】：

【解决方案2】：

我编写了一个库，可以让您在浏览器中使用.ani 光标。它使用 JavaScript 解析器在运行时将 .ani 光标转换为 CSS 动画。

Blog post
NPM 模块ani-cursor

【讨论】：