animatify

1.0.2 • Public • Published

Animatify

SemVer License

A CommonJS utility for Animate.css for use with Browserify.

  • No dependencies.
  • Use in a modern browser.

Install

npm install animatify --save

Usage

var animate = require('animatify');
 
var element = document.querySelector('h1');
animate(element, 'bounceInUp', function () {
  animate(element, 'pulse');
});

Configure "dependencies" and "scripts" in your package.json:

"dependencies": {
  "animatify": "*",
  "animate.css": "*"
},
"scripts": {
  "build:css": "cp node_modules/animate.css/animate.css public/",
  "build:js": "browserify -o public/bundle.js .",
  "build": "npm run build:css && npm run build:js"
}

API

  • animate(element, animation[, opts][, callback]): Animates an element with the named animation and invokes the callback when done.
    • element: A DOM element.
    • animation: The name of one of the Animate.css animations.
    • opts: An object with any of these properties (defaults apply as defined by animate.css):
      • delay: A delay, e.g. '1s'.
      • duration: A duration, e.g. '1.5s'.
      • iterationCount: The number of iterations.
    • callback: A function that will be invoked once the animation finished.
  • animate.disable(): Disables animations and always invokes the callback immidiately. Useful for test runs or to allow disabling animations in your app.

Testing

$ npm install
$ npm test
$ open test/test.html

License

MIT

install

npm i animatify

Downloadsweekly downloads

1

version

1.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability