Exercicio Final - Filipe Mamede

Como adicionar uma animação?

As animações como as que são utilizadas neste site são proporcionadas utilizando CSS.

Passo 1 - Instale o ficheiro animate.css (clique aqui para descarregar) na respectiva pasta CSS do seu site.

Passo 2 - Referencie o ficheiro no início do seu documento html pois se não o fizer as animações não irão funcionar. Dentro da secção <head>, coloque a seguinte linha de código: <link rel="stylesheet" type="text/css" href="css/animate.css">.

Passo 3 - Selecione a animação que pretende utilizar. No site Animate.css, poderá prévisualizar a animação e obter o respectivo comando que irá utilizar no passo seguinte. Por exemplo este painel utilizou o comando bounceInRight.

Passo 4 - Indique a animação que pretende utilizar. Por exemplo, a animação utilizada por este painel foi o "bounceInRight". Assim, no caso de estar a querer animar uma <div>, deverá colocar dentro dessa tag o seguinte: class="nome_da_div animated bounceInRight"
Exemplo: <div class="nome_da_div animated bounceInRight">