sjkim24 / cursor-dot

🖱️Fancy cursor dot

cursor-dot

A vanilla JavaScript library which creates customizable, interactive cursor effects when hovering over certain elements.

English | 简体中文

Installation 🏗️

$ yarn add cursor-dot

Usage 🍹

import curDot from 'cursor-dot'

---

const cursor = curDot()
// or, set as you want
// cursor({
//   diameter: 80,
//   borderWidth: 1,
//   borderColor: 'transparent',
//   easing: 4,
//   background: '#fff'
// })

---

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

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

Give it a try

Donate