Interactive Circle Cursor In JavaScript – Pointer.js

Category: Javascript | November 21, 2020
Author:seattleowl
Views Total:12,810 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:


2 thoughts on “Interactive Circle Cursor In JavaScript – Pointer.js

Leave a Reply