@jaimebboyjt/v-scale

V-scale

A simply and lightweight way to add scale effect on hover to any html-tag, trough a directive.

install

npm i @jaimebboyjt/v-scale

Register

in the main.js (or ts)

...
import vScale from '@jaimebboyjt/v-scale'

app.use(vScale)

Usage

Then you can use directly in the component

<h1 v-scale>Hello world </h1>

In addition you can pass two arguments, scale and duration.

<h1 v-scale="{scale:'3', duration:'1' }">Hello world </h1>

Scale is equivalent to: transform: scale(MYvalue)

Duration is equivalent to: transition: transform MYvalue

Props

Props	Default	cssProperty
scale	1.1	transform:scale(1.1)
duration	0.5	transition: transform 0.5

License

MIT