Animate.less

基于css3的常用动画，根据daneden的animate.css改用less，为了方便less用户的使用。

System Requirements

• nodejs
• grunt

Getting Started

####安装nodejs

####安装grunt

如果你曾经安装过grunt请先卸载

$ npm uninstall -g grunt

然后安装

$ npm install -g grunt-cli

####编辑animate.less

位于less/css/animate.less。为了定义所需要的动画。默认包括了全部动画。

####运行spa-run.bat

将会编译成为animate.css。生成在assets/css/animate.css。

Documentation

####Attention seekers: flash bounce shake tada swing wobble wiggle pulse

####Flippers (currently Webkit, Firefox, & IE10 only): flip flipInX flipOutX flipInY flipOutY

####Fading entrances: fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig

####Fading exits: fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig

####Bouncing entrances: bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight

####Bouncing exits: bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight

####Rotating entrances: rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight

####Rotating exits: rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight

####Lightspeed: lightSpeedIn lightSpeedOut

####Specials: hinge rollIn rollOut

Examples

daneden的例子animate

Release History

0.0.1

License

Copyright (c) 2013 excalibur Licensed under the Apache License2.