AniJS是一个看起还不错的CSS动画库。
它的链式语法比较神奇,用起来有种高大上的样子,实际使用起来估计会蛋疼。
这是一个典型的Anijs语法
<body> <header data-anijs="if: click, do: flipInY animated"> header </header> <nav data-anijs="if: scroll, on: window, do: swing animated, to: footer"> nav </nav> <div id="main" data-anijs="if: load, on: window, do: swing animated"> if: load, on: window, do: swing animated </div> <footer> footer </footer> <script src="bower_components/anijs/dist/anijs-min.js"></script> </body>
点这里进入demo页面感受吧?http://anijs.github.io/#examples
基于animate.css的动画整理 http://www.17shulihua.com/animate/