Download
User Rating: 2.5/5 ( 2 votes)
AniJS - Declarative handling library for CSS animations. The main objective is to provide an eloquent, easy to translate, and quick to develop environment.
-
Easy to use.
-
Compact - around 7.7kb after gzipping.
-
There is no need for third party libraries.
-
Speed of development.
-
Better integration between coders and designers.
Source: anijs.github.io
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css">
<script src="anijs-min.js"></script>
2. HTML
<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>
More information at https://github.com/anijs/anijs/wiki