Animate.css – Fantásticas animações para você fazer em CSS3

Veja essa incrível animação feita em CSS3, tenho certeza que você irá usar em seu projeto!

Antes de falar gostaria de convidar vocês a verem a animação em ação em: http://std.li/pastel/home.html e observe esse objeto abaixo na entrada da página (caso não tenha visto de início, de um refresh na página do link para ver novamente a animação)

Bem ao visitar essa página que é uma template da themeforest.com me deparei com essa animação, onde até então eu nunca tinha visto numa interface rica. Então como de rotina fui procurar na minha melhor ferramenta dados sobre esse efeito (O Google rs).

Então encontrei o Animate.css

Animate.css é um conjunto de “classes” feitas em CSS para trabalhar animações em CSS3, veja um resultado abaixo:

Obs: Clique em result para ver o efeito em ação.

Para ver mais exemplo visite o link:

Animate.css - http://daneden.me/animate/

Existem também a opção de ter efeitos similares com o jquery, abaixo deixo fantásticos links com demos e download de efeitos em animação feito com CSS3 e um em Jquery:

Mais um exemplo de animação simples com CSS3 e webkit: Imagem que treme com Hover

Obs: Clique em result para ver o efeito em ação e coloque o mouse em cima da imagem.

• http://ricostacruz.com/jquery.transit/
• http://www.turnjs.com/
• http://widgets.better2web.com/loader/
• http://www.sequencejs.com/
• http://jobyj.in/adipoli/#demo

Espero que também gostem desse efeito!