Interactive Circle Cursor In JavaScript – Pointer.js

Category: Javascript | November 21, 2020
Author: seattleowl
Views Total: 274 views
Official Page: Go to website
Last Update: November 21, 2020
License: MIT

Preview:

Interactive Circle Cursor In JavaScript – Pointer.js

Description:

Pointer.js is a really simple JavaScript library that creates an interactive, customizable, circular cursor to replace the native mouse pointer.

How to use it:

1. Import the stylesheet pointer.css and JavaScript pointer.js into the HTML file.

<link href="./pointer.css" rel="stylesheet">
<script src="./pointer.js"></script>

2. Initialize the plugin with default options.

init_pointer();

3. Customize the pointer color.

init_pointer({
  pointerColor: "#222"
})

4. Customize the appearance of the ring displayed around the pointer.

init_pointer({
  pointerColor: "#222",
  ringSize: 15,
  ringClickSize: 10
})

Changelog:

11/21/2020

  • CSS fixed

You Might Be Interested In:


One thought on “Interactive Circle Cursor In JavaScript – Pointer.js

  1. myluser

    good script but I don’t see this little dont in the middle on my website…

    Reply

Leave a Reply