A forma de utilizar é muito simples, basta adicionar o arquivo css animation e inserir a classe ao objeto que deve ser animado, exemplo:

Inserção do CSS das animações:

<link rel="stylesheet" href="css/animations.css">

Adicionando classe ao objeto que será animado:

<div id="object" class="slideUp">

Abaixo você pode conferir o resultado das animações, clique nos links para ver os diversos efeitos:

CSS:

Javascript:

Html:

Para fazer com que a animação seja ativada quando o usuário ver o item, você deve colocar este código em Javascript e css, sendo que, deve ser carregado o Jquery antes:

CSS:

#object{
	background-color: #fe5652;
	visibility: hidden;
}

JS:

<script>
	$(window).scroll(function() {
		$('#animatedElement').each(function(){
		var imagePos = $(this).offset().top;

		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				$(this).addClass("slideUp");
			}
		});
	});
</script>

Para ver o exemplo, acessem este LINK.

Esperamos que tenham gostado e aprendido, dúvidas e sugestões deixem nos comentários, isto incentiva-nos a sempre compartilhar conhecimento cada vez mais!

Vamos postar duas soluções gratuitas, eficazes e com alta segurança.

Conheça o DropBox e o Google Drive, link para o download:

DropBox – 2GB de espaço + 250mb por recomendação
Google Drive – 15GB de espaço gratuito

Faça o cadastro no site, tanto no DropBox ou Google Drive, instale o programa e execute-o, faça login com sua conta e está pronto.

Será criado um ícone do lado direito, perto do relógio do seu computador, dê dois cliques, vai abrir uma pasta, qualquer arquivo que for colocado nesta pasta será criado um backup dele na Internet, não se preocupe, só você terá acesso.  O mais interessante, caso seu computador estrague, seja formato ou quaisquer danos que não será mais possível acessar os dados, basta fazer download do programa, instalar, fazer login e todos os seus arquivos serão baixados para o seu computador, deixando a pasta exatamente igual antes do acontecimento.

Se você quiser, pode instalar o programa em mais de 1 computador, por exemplo no seu trabalho e na sua casa, se você salvar um arquivo no seu trabalho, quando chegar em casa e ligar seu computador, o arquivo do seu trabalho será baixado sem que você faça nada, e vice versa. É uma ótima ferramenta para melhorar sua produção.

Outro detalhe, caso você esteja fora do escritório e precise pegar um arquivo, basta acessar o site:
Google Drive ou DropBox

Quando fizer login na sua conta, todos os arquivos que você já salvou estarão lá para efetuar download.

Outro detalhe, você pode instalar o aplicativo no seu celular e ter todos os arquivos sincronizados, com apenas alguns cliques seus arquivos estarão disponíveis em qualquer hora e lugar.