Curso de HTML5 e CSS3 Responsivo Aula 10 Bônus. Utilizando biblioteca de animações

Criar animações incríveis em websites até pouco tempo atrás, era uma tarefa complexa e muito difícil. Nessa vídeo aula vamos aprender a usar a biblioteca Animate, e perceber o quanto é simples aplicar animações fantásticas de maneira simples em nossos projetos.

Apos fazer o download do CSS precisamos adicionar a folha de estilos animate.css em nossa pagina através do código CSS abaixo.

<link rel="stylesheet" href="animate.css">

Precisamos adicionar a classe animated no elemento que queremos animar, e opcionalmente a classe infinite para loop infinito e finalmente adicionar o nome do efeito que queremos.

Exemplo completo com loop infinito

class="animated infinite bounce"

Exemplo sem loop

class="animated flash"

Você pode conferir a lista completa de efeitos e toda documentação da biblioteca no GiitHub pelo link https://github.com/daneden/animate.css



Hospedagem Profissional de Sites