Skip to content

Latest commit

 

History

History
61 lines (51 loc) · 1.16 KB

README.zh-cn.md

File metadata and controls

61 lines (51 loc) · 1.16 KB

cursor-dot

平滑的鼠标跟随

English | 简体中文

安装 🏗️

方法1: yarn 或者 npm

$ yarn add cursor-dot

或者

npm i cursor-dot

然后可以在 js 文件里面使用

import curDot from 'cursor-dot'

来引入

方法2: 直接引入 window.curDot.min.js 文件

下载 dist/window.curDot.min.js 文件到你的工程中,在 html 文件里直接引用:

<script src="path/to/your/window.curDot.min.js"></script>

然后就可以使用 window.curDot

使用 🍹

const cursor = curDot()
// 也可以自定义:
// cursor({
//   diameter: 80,
//   borderWidth: 1,
//   borderColor: 'transparent',
//   easing: 4,
//   background: '#ddd'
// })

cursor.over('span.selector', {
  borderColor: 'rgba(255,255,255,.38)',
  broderWidth: 2
})

cursor.over($('El'), {
  scale: .5,
  background: '#fff'
})