javascript - 单击时旋转/动画光标 -45 度?

标签 javascript jquery html css cursor

我有一个自定义光标,即:cursor: url(images/cursor.png) 15 15, auto;

我想制作光标旋转 -45 度并在单击时停止的动画。然后在未单击时旋转回来。

有没有办法在 jquery/javascript 中做到这一点?甚至 css 但怀疑这种可能性。

谢谢!

最佳答案

1) 你 cannot use gif for url但是你can try animated SVG根据文档。但是不确定它是否有效。

2) 另一种选择是隐藏光标,改用您自己的 DOM 元素并根据需要为其设置动画:您可以找到示例 on css-tricks

关于javascript - 单击时旋转/动画光标 -45 度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37373131/

相关文章:

HTML - 是否有正确的容器元素放置在表格行周围?

javascript - 如何获取 api 的身份验证

javascript - 如果类不存在,则将 div 动态附加到 li

javascript - 多文件输入html不工作

javascript - 如何使用 javascript 发送电子邮件而不更改窗口位置?

javascript - 从 Rails 中的 HTML 元素获取内容

jquery - 删除附加到 ajax 请求返回的结果中的自动生成的广告脚本

javascript - jQuery - 未捕获的类型错误 : string is not a function

javascript - 使用 Styled-Components,如何在 Styled Component 之外设置颜色数组?

javascript - 如何序列化表单,而不是输入的值获取输入的 ID