光标
指定自定义 CSS 光标样式属性,用于在匹配媒体查询 '(pointer:fine)'
的设备上的悬停和抓取状态。
接受
布尔值
(false
禁用自定义样式){ onHover: 'grab', onGrab: 'grabbing' }
- 一个
函数
,返回一个类似上述的对象
当使用 Function
定义时,每当容器或目标元素尺寸改变时,该值将自动刷新。
它也可以通过使用 refresh()
方法手动刷新。
默认值
{ onHover: 'grab', onGrab: 'grabbing' }
光标代码示例
import { createDraggable } from 'animejs';
createDraggable('.square', {
cursor: false
});
createDraggable('.circle', {
cursor: {
onHover: 'move',
onGrab: 'wait'
}
});
<div class="large centered row">
<div class="square draggable"></div>
<div class="circle draggable"></div>
</div>