V-hover NPM | npm.io

v-hover

Direction-aware hover effect for Vue2.0, write by typescript. Demo

npm install v-hover -S

Include plugin in your entry file e.g. main.js.

import VHover from 'v-hover'

Vue.use(VHover)

in template:

<vhover-list>
    <vhover-item></vhover-item>
    <vhover-item></vhover-item>
    ...
</vhover-list>

you can custom overlay slot in vhover-item by:

<vhover-item>
  <div slot="overlay">some thing...</div>
</vhover-item>

Name	Type	Default	Description
duration	String	"300ms"	animation-duration
className	String	"vhover"	`vhover-item` class
timingFn	String	"ease"	animation-timing-function
perspective	Boolean	false	perspective

MIT © masonz

8 years ago

8 years ago