A sickly simple class-based library for Angular animations.
Built on Animate.css and animate-stylus, nzAnimate not only provides the regular functionality of Animate.css, but also provides easier classes for Angular animations on directives like ng-repeat (ng-enter, ng-leave), ng-hide, ng-show, or any other directives that leverage the ngAnimate module.
$ bower/npm install nz-animate --save
bounceOutUp with any animation you see in the demo.
Default Speed: 700ms
Out of the box, nzAnimate supports any speed from
speed-4000 in increments of
Out of the box, nzAnimate supports any stagger from
stagger-1000 in increments of
Using all of these together, everything will animate on creation, exit, re-entry, show, hide, move, etc...
/src/config.hjson to your liking!
speed:default: 1000start: 0end: 6000increment: 100stagger:start: 0end: 500increment: 25ieSupport: truevendors: 'official' 'webkit' 'moz' '...'animations: 'bounceDownIn' 'bounceUpOut' '...'
$ npm install
$ gulp build
Integrate the rest of the animations available from Animate.css (not too many). Our animate-stylus repo is currently forked at https://github.com/tannerlinsley/animate-stylus,
Lessen the size of the default build.
All PR's and contributions are more than welcome!