Animiamo il nostro sito con animate.css

Creare fantastiche animazioni attraverso animate.css è semplicissimo, vediamo come in questo tutorial

Se volete creare degli effetti che abbelliscano il vostro sito Animate.css è sicuramente quello che fa per voi.
QUI Animate.css trovate diverse dimostrazioni su come animate.css funziona, e QUI potete scaricare il materiale direttamente da Github.

Alcuni esempi pratici con animate.css

[code language=”html”]
<button class="btn btn-large btn-primary animated tada" type="button">Premi qui</button>
[/code]

[code language=”html”]
<button class="btn btn-large btn-primary animated swing" type="button">Premi qui</button>
[/code]

Per costruire il pulsante io ho utilizzato delle chiamate di Bootstrap.css, quindi la classe btn btn-large btn-primary non sortirà alcun effetto a meno che non abbiate bootstrap.css “linKato” nel vostro tema, quello che fa partire l’animazione è la classe animated accostata all’effetto che vogliamo ottenere.
Tutti gli effetti come già citato sopra li troviamo nel sito dello sviluppatore QUI Animate.css