dpkCursor.js

High performance smooth custom cursor library that helps you to create cool things.

Play with Codepen

How to use:

CSS

Add dpkCursor.min.css or CDN dpkCursor.min.css

JAVASCRIPT

Add dpkCursor.min.js or CDN dpkcursor.min.js

USAGE

<link rel="stylesheet" href="dpkCursor.min.css" />

<div class="dpk-hover" data-hover-text="Hello"> Text </div>
<div class="dpk-hover" data-hover-class="class-name"> Add class to cursor </div>
<div class="dpk-hover" data-hover-bg="#222"> Background Color </div>
<div class="dpk-hover" data-hover-img="img/a.png"> Add Image As Background </div>

<script src="dpkCursor.min.js"></script>

<script>
    const customCursor = new dpkCursor({ ease: 0.25 });
</script>

Installation Using NPM

npm install dpk_cursor

import { dpkCursor } from "dpk_cursor/src/dpkCursor";

const customCursor = new dpkCursor({ ease: 0.25 });

HTML Element attributes

dpkCursor Provides Following Functions