Animo

Animo is a powerful little tool for managing transitions and animations with JavaScript


npm npm

Animo allows you to easily take control of your animations. Iterate through a massive, multi-step, animation or simply take care of business when everything is done.

import animo from 'animo-core'

const flashAnimation = el => {
  return new animo(el, {
    isAnimation: true,
    onComplete: function(element) {
      el.classList.remove('animated', 'flash')
    },
    onIteration: function(element) {
      el.classList.add('animated','flash')
    }
  })
}

Animo also features a small library of plugins. Each made to harness the power of Animo, as well as make your life a little easier.

import rotate from 'animo-rotate';

const myElement = document.querySelector('.some-element')

rotate(myElement, { deg: 90 })
  .then(function() {
    /* ... */
  })
  .catch(function(err) {
    /* ... */
  })

results matching ""

    No results matching ""