v-hover

v-hover

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

Installation

npm install v-hover -S

How to use

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>

Options

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

License

MIT © masonz