8000 GitHub - fightteam/animate.less: it is css3 animate
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

fightteam/animate.less

Repository files navigation

Animate.less

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

System Requirements

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.

About

it is css3 animate

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0