Skip to content
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
test
.gitignore
.travis.yml
LICENSE
README.md
README.zh-cn.md
customhoverstyles.gif
index.js
package.json
smoothcursorfollowing.gif
yarn.lock

README.md

cursor-dot

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

Say Thanks!

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

You can’t perform that action at this time.