npm.io
1.0.7 • Published 4 years ago

vue-numbers-animation

Licence
MIT
Version
1.0.7
Deps
1
Size
25 kB
Vulns
0
Weekly
0
Stars
1

Installation

$ npm install --save vue-numbers-animation

Usage

Just import:

import numbersAnimation from 'vue-numbers-animation'
Vue.directive("numbers-animation", numbersAnimation)

And use:

// default animation is linear
// default time is 1000
<div v-numbers-animation="count"></div> 

image

or

<div v-numbers-animation:easeOutElastic="{value: count, time: 2500}"></div>

image

Animations

image

Keywords