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: cloves13@hotmail.com