UFO Cursor

A little UFO that follows your cursor around the webpage and changes to a beam up version when hovering over specified HTML elements.

Installation

npm i ufocursor --save

To use

JS

1. Import file: import {cursorMove} from "./ufo-cursor/ufocursor.js"
2. Run function cursorMove();

HTML

1. Link stylesheet: <link rel="stylesheet" href="ufo-cursor/ufocursor.css">
2. Create empty cursor object at end of HTML <div class="cursor"></div>
3. Add class: beam to any HTML element you want to have UFO beam up hover activation.

Demo here