Literally just @gaoryrt's cursor-dot, but with z-index as an option now. Submitted a PR, but really needed a fix that could build on a network today. Sorry, @gaoryrt, I'll remove this once merged lol.

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({
//   zIndex: 2,
//   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