https://github.com/javierbyte/control-user-cursor

Small experiment to 'control' the user cursor with JavaScript and CSS.
https://github.com/javierbyte/control-user-cursor

cursor experiment javascript js ui ux

Last synced: 5 days ago
JSON representation

Small experiment to 'control' the user cursor with JavaScript and CSS.

• Host: GitHub
• URL: https://github.com/javierbyte/control-user-cursor
• Owner: javierbyte
• License: bsd-3-clause
• Created: 2017-01-17T05:09:26.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-03-10T14:55:50.000Z (almost 2 years ago)
• Last Synced: 2024-10-29T20:50:55.641Z (about 2 months ago)
• Topics: cursor, experiment, javascript, js, ui, ux
• Language: JavaScript
• Homepage: https://javier.xyz/control-user-cursor
• Size: 346 KB
• Stars: 1,078
• Watchers: 19
• Forks: 52
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - javierbyte/control-user-cursor - Small experiment to 'control' the user cursor with JavaScript and CSS. (JavaScript)
• awesome - javierbyte/control-user-cursor - Small experiment to 'control' the user cursor with JavaScript and CSS. (JavaScript)

README

        
# Control User Cursor

Small experiment to 'control' the user cursor with JavaScript and CSS.

[![control-user-cursor](docs-assets/thumbnail.jpg)](https://javier.xyz/control-user-cursor/)

## How it works?

I make the user cursor invisible, and then paint my own cursor with JS! The

`:hover` styles are also fake.

Most of the math is here

https://github.com/javierbyte/control-user-cursor/blob/master/index.js#L134