0.5.4 • Published 5 years ago
morphing-pointer v0.5.4
Morphing pointer (experimental project)
This is a custom pointer in iPadOS style
Installation
Install with npm:
npm install --save morphing-pointerExample of use
Init Morphing Pointer in your app
import { initMorphingPointer } from 'circular-revealer';
initMorphingPointer();And use different triggers in html to add different types of animation
| animation type | data attr |
|---|---|
| highlight | data-pointer-type="highlight" |
| lift | data-pointer-type="lift" |
| content | data-pointer-type="content" |
<button data-pointer-type="lift">Button</button>
<button data-pointer-type="highlight">Another button</button>
<p data-pointer-type="content">text</p>Inspired by Pointers (iPadOS)