animate-x v1.1.1

Animate X

A super small animation library for animating numbers, objects, and arrays.

Installation

With npm:

npm install --save animate-x

Or with Yarn:

yarn add animate-x

Usage

Simple

var Animate = require('animate-x')

var anim = new Animate({
      from: 0,
      to: 100,
      duration: 1000,
      onStep: function(state){
         console.log(state)
      }
   })
   .start()

Easing

The simplest way to apply easing to your animation is with the eases module, but any easing function will work.

var Animate = require('animate-x')
var eases = require('eases')

var el = document.querySelector('div')

var anim = new Animate({
      from: {
         x: 0,
         y: 0
      },
      to: {
         x: 100,
         y: 50
      },
      duration: 1000,
      easing: eases.bounceOut,
      onStep: function(state){
         el.style.transform = 'translate(' + state.x + 'px, ' + state.y + 'px)'
      }
   })
   .start()

Options

Methods