鼠标光标为.Gif不动画

时间:2014-01-30 21:01:24

标签: html css animation cursor gif

我正在尝试使用gif作为鼠标光标,但光标根本没有为我设置动画。我尝试了几种不同的尺寸,但没有运气。

html, body {
height: 100%;
margin: 0;
padding: 0;
cursor: url(White-Sperm.gif), url(Sperm-Cursor.png), auto;
}

JS Fiddle引用我正在使用的gif在这里:

http://jsfiddle.net/Fq9RL/

我的设计师说,在Safari中,它为他做了一点动画,但是停滞不前并且不顺畅。它对我来说在Safari中根本不具有动画效果,对我们任何一个人来说都不适用于Chrome。

之前有没有人尝试过这种技术?我们尝试在gif中使用更少的帧,更小的延迟,更小的gif大小等等。非常感谢任何帮助!

1 个答案:

答案 0 :(得分:2)

这里也提出了类似的问题:

Animated cursor support in web applications?

  

在做了一些研究后,我认为目前不可能。从使用CSS游标属性到目前为止,任何浏览器似乎都不支持动画游标。我想可以使用JavaScript来每隔几帧重复更改游标属性的值以使其显示为动画,但这可能比它的价值更麻烦。

所以答案似乎是目前不可能。