https://github.com/masonz/v-hover

Direction-aware hover effect for Vue2.0.
https://github.com/masonz/v-hover

hover vue2

Last synced: 4 days 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 (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-20T07:05:45.000Z (about 7 years ago)
• Last Synced: 2024-09-26T01:24:23.867Z (8 days 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

[![npm version](https://badge.fury.io/js/v-hover.svg)](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