All Animation.css é um conjunto de animações, divertidas para deixar seu projeto mais sexy. São animações cross-browser que darão mas ênfase a suas páginas como controles deslizantes, efeitos 3D’s..

##Try the demo Veja uma demo dos efeitos que este imenso framework pode fazer :D

Caso você queira contribuir com o nosso projeto, leia o arquivo: contribuidores.md ;)

É facil ultilizar este framework css :D, veremos passo a passo como ultilizá-lo...

baixe o all animation, clicando aqui

<link rel="stylesheet" type="text/css" href="yourpath//all-animation.css" />
<script type="text/javascript" src="yourpath/jquery.js"></script>

<div id="animation"></div>

<button class="anny-class">Trigger class, go!</button>

$(".anny-class").click(function(){
 $("#animation").addClass("journal");
});

Caso queira adicionar o efeito em algum determinado tempo, é colocar um temporizador ;)

ex, colocando uma animação em um determinado elemento, depois de 2 segundos:

setTimeout(function(){
 $("#animation").addClass("journal");
},2000);

Caso você queira adicionar alguma animação em um elemento que já sofreu uma outra animação deste framework, ou queira reiniciar a animação, você terá que remover a ultima animação e inserir a sua, ex:

 $("#animation").removeClass("journal").addClass("four-rock");

Temos várias classe no lugar da class journal, vejamos quais são:

• dance
• journal
• pulse
• pulse-slow
• jamp
• four-rock

• enter-up-bounce
• enter-down-bounce
• enter-right-bounce
• enter-left-bounce
• scale-bounce
• jump-bounce

• tree-flip-right
• tree-flip
• tree-flip-up
• tree-flip-down
• flip-left-bounce
• rotate-flip
• flip-right-bounce

• flip-top
• flip-left
• flip-right
• flip-bottom

• rotate-flip-down
• rotate-down-bounce
• rotate-out

• flash-bang
• bomba

Email para contato: [email protected]