CursorTrails adds pointer trailing effect to your webpage.
DEMO Sandbox: https://codesandbox.io/s/cursor-trail-demo-fqsd4?file=/src/index.js
npm install cursor-trails
import and call
import CursorTrail from "cursor-trails";
CursorTrail({
container: document.body,
//images: [$PROVIDE_YOUR_IMAGE_URLS]
rate: 0.5,
size: 40,
life: 1.5,
speed: 1.2
});The container where trailing effect should be shown
URL of images to be shown as trailing effect
0 ~ 1 number of probability a trailing image is generated upon pointer moving event
size of generated trailing image
duration of trailing image appearing on screen
moving speed of trailing image
This repo was forked from https://github.com/tholman/cursor-effects