cursor
为匹配媒体查询 '(pointer:fine)' 的设备指定悬停和抓取状态的自定义 CSS 光标样式属性。
接受
Boolean(falsedisable custom styling){ onHover: 'grab', onGrab: 'grabbing' }- A
Functionthat returns an of the above
当使用 Function 定义时,每次容器或目标元素大小调整时,值会自动刷新。
它也可以通过 refresh() 方法手动刷新。
默认
{ onHover: '抓取', onGrab: '正在抓取' }
光标代码示例
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>