光标

指定自定义 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>