Os Animações CSS3 permitem animar a transição entre um estilo CSS e outro. Estes consistem em dois componentes. Por um lado, temos o estilo que descreve a animação e, por outro, o conjunto de frames que indicam o seu estado inicial e final.
Animações CSS eles têm algumas vantagens pois são bastante simples de fazer se comparadas às técnicas tradicionais por roteiro e, portanto, se utilizarmos fontes de recursos muito interessantes e de qualidade, o trabalho será ainda mais fácil. No entanto, isso leva tempo e pode ser muito difícil, portanto, essas fontes de recursos podem ser úteis.
Função de atenuação
Esta especificar velocidade animação para torná-la mais realista. A gaveta é aberta, a aceleração é dada e finalmente é travada. Quando algo cai, primeiro desce rapidamente para acabar quicando. Você pode encontrar a função desejada nesta página easing.net. O melhor é que está no nosso idioma para facilitar o uso deste site.
Animate.css
Dan Eden compilou um Biblioteca de animação CSS de grande beleza que você pode usar em seus projetos. O projeto em si é uma grande fonte de inspiração.
Animar mais
Stripe é bem conhecido por suas páginas de produtos que têm um qualidade em todas as animações que possui. Uma das mentes criativas por trás dessas animações é Benjamin De Cock, que criou uma biblioteca de animação CSS e SVG que funciona muito bem e é leve; perfeito para celular.
Hover.css
Um recurso semelhante ao Animate.css, Hover.css é um Coleção de efeitos CSS que você os tenha livremente para usar como quiser em seus projetos. Ele se concentra em efeitos de foco para links, botões, imagens e muito mais.