是否有网络浏览器支持动画光标?
我一直在网络上搜索以将自定义光标添加到我的网络应用程序中。我已经找到了很多非动画 (.cur) 和动画 (.ani) 光标,并使用了正确的 CSS,以便我的应用程序具有自定义光标!我尝试过的网络浏览器似乎不支持动画光标,我想知道是否有任何方法可以将动画光标放入我的网络应用程序中。
我设法使用 CSS 关键帧来实现此目的,对光标的源图像进行动画处理。它可以在 Chrome 和 Safari 中运行(尽管如果你运行了大量的东西,它可能会出现一些问题)。对于我的个人网站来说已经足够了!
* {
cursor: url(frame1.png), auto;
-webkit-animation: cursor 400ms infinite;
animation: cursor 400ms infinite;
}
@-webkit-keyframes cursor {
0% {cursor: url(frame1.png), auto;}
20% {cursor: url(frame2.png), auto;}
40% {cursor: url(frame3.png), auto;}
60% {cursor: url(frame4.png), auto;}
80% {cursor: url(frame5.png), auto;}
100% {cursor: url(frame6.png), auto;}
}
@keyframes cursor {
0% {cursor: url(frame1.png), auto;}
20% {cursor: url(frame2.png), auto;}
40% {cursor: url(frame3.png), auto;}
60% {cursor: url(frame4.png), auto;}
80% {cursor: url(frame5.png), auto;}
100% {cursor: url(frame6.png), auto;}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)