Direction-aware hover effect for Vue2.0, write by typescript. Demo
npm install v-hover -SInclude 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