- Notifications
You must be signed in to change notification settings - Fork2
Dushyant1295/dpkCursor
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Add dpkCursor.min.css orCDN dpkCursor.min.css
Add dpkCursor.min.js orCDN dpkcursor.min.js
<linkrel="stylesheet"href="dpkCursor.min.css"/><divclass="dpk-hover"data-hover-text="Hello"> Text</div><divclass="dpk-hover"data-hover-class="class-name"> Add class to cursor</div><divclass="dpk-hover"data-hover-bg="#222"> Background Color</div><divclass="dpk-hover"data-hover-img="img/a.png"> Add Image As Background</div><scriptsrc="dpkCursor.min.js"></script><script>constcustomCursor=newdpkCursor({ease:0.25});</script>
npm install dpk_cursorimport { dpkCursor } from"dpk_cursor/src/dpkCursor";const customCursor = new dpkCursor({ ease: 0.25 });| Attribute | Values | Description |
|---|---|---|
data-hover-text | string | text inside Cursor |
data-hover-class | string | add class to Cursor |
data-hover-bg | color- name/code | bg Color of Circle |
data-hover-img | img/path | img inside Cursor |
| Name | Parameter | Defaults | Desc |
|---|---|---|---|
init() | - | initialization | |
effect() | - | - | Use the Effects |
reset() | - | - | reset dpkCursor |
destroy() | - | - | delete dpkCursor |