Skip to content

KeeVeeG/vue-numbers-animation

Repository files navigation

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

About

Directive to animate changes of numerical property

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published