https://github.com/masonz/v-hover
Direction-aware hover effect for Vue2.0.
https://github.com/masonz/v-hover
hover vue2
Last synced: 2 months ago
JSON representation
Direction-aware hover effect for Vue2.0.
- Host: GitHub
- URL: https://github.com/masonz/v-hover
- Owner: masonz
- License: mit
- Created: 2017-09-17T08:20:37.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-20T07:05:45.000Z (over 7 years ago)
- Last Synced: 2025-02-23T12:47:56.443Z (3 months ago)
- Topics: hover, vue2
- Language: JavaScript
- Size: 808 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# v-hover
[](https://badge.fury.io/js/v-hover)
> Direction-aware hover effect for Vue2.0, write by typescript. [Demo](https://masonz.github.io/v-hover/)
## Installation
```bash
npm install v-hover -S
```
## How to use
Include plugin in your entry file e.g. `main.js`.
```JavaScript
import VHover from 'v-hover'
Vue.use(VHover)
```
in template:
```HTML
...
```
you can custom `overlay` slot in `vhover-item` by:
```HTML
some thing...
```
## 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