- Notifications
You must be signed in to change notification settings - Fork10
gaoryrt/cursor-dot
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
A vanilla JavaScript library which creates customizable, interactive cursor effects when hovering over certain elements.
English |简体中文
$ yarn add cursor-dot
or
npm i cursor-dot
then you can:
importcurDotfrom'cursor-dot'
in your js files.
Downloaddist/window.curDot.min.js file into your project, and in your html file:
<scriptsrc="path/to/your/window.curDot.min.js"></script>
then you can usewindow.curDot
constcursor=curDot()// or, set as you want// cursor({// zIndex: 2,// diameter: 80,// borderWidth: 1,// borderColor: 'transparent',// easing: 4,// background: '#ddd'// })
cursor.over('span.selector',{borderColor:'rgba(255,255,255,.38)',broderWidth:2})cursor.over($('El'),{scale:.5,background:'#fff'})