Read on Twitter
Bibliotecas de animações para designs e front-ends #javascript #css #html #css3 https://www.cupcom.com.br/programacao/bibliotecas-de-animacoes-para-designs-e-front-ends.html">https://www.cupcom.com.br/programac...
Atualmente os designers usam as animações como forma de chamar atenção e manter os usuários o maior tempo possível navegando no site.
Hoje essa tarefa não fica a cargo apenas dos designs, um bom programador front-end também deve saber da importância de um bom visual e de manter os usuários ativos e navegando no site.
E para manter a popularidade do site, é preciso de organização, coerência de cores, um site responsivo e limpo.
Nesse post vamos listar algumas bibliotecas de animações que também podem ser usadas para ajudar no trabalho de chamar atenção do usuário e mantê-lo o maior tempo possível em seu site.
Bibliotecas de animações
Bibliotecas de animações
CSShake
Oferece uma gama de variações de animações para você escolher qual se encaixa melhor em seu projeto.
Visitar ( https://elrumordelaluz.github.io/csshake/ )">https://elrumordelaluz.github.io/csshake/&...
Oferece uma gama de variações de animações para você escolher qual se encaixa melhor em seu projeto.
Visitar ( https://elrumordelaluz.github.io/csshake/ )">https://elrumordelaluz.github.io/csshake/&...
BounceJS
Bounce.js é uma ferramenta e biblioteca JS que permite criar belas animações baseadas em CSS3.
Visitar ( http://bouncejs.com/ )">https://bouncejs.com/">...
Bounce.js é uma ferramenta e biblioteca JS que permite criar belas animações baseadas em CSS3.
Visitar ( http://bouncejs.com/ )">https://bouncejs.com/">...
MoJS
Possibilita você adicionar efeitos gráficos em movimento em seu site. Possui componentes integrados para ajudar você a criar animações do zero de maneira muito fácil.
Visitar ( https://mojs.github.io/ )">https://mojs.github.io/">...
Possibilita você adicionar efeitos gráficos em movimento em seu site. Possui componentes integrados para ajudar você a criar animações do zero de maneira muito fácil.
Visitar ( https://mojs.github.io/ )">https://mojs.github.io/">...
ScrollReveal
Com essa biblioteca você consegue criar efeitos incríveis de rolagem em seu site.
Visitar ( https://scrollrevealjs.org/ )">https://scrollrevealjs.org/">...
Com essa biblioteca você consegue criar efeitos incríveis de rolagem em seu site.
Visitar ( https://scrollrevealjs.org/ )">https://scrollrevealjs.org/">...
GreenSock
Animação JavaScript de nível profissional para a web moderna, com ele você consegue criar várias animações para seu site.
Visitar ( https://greensock.com/gsap/ )">https://greensock.com/gsap/&quo...
Animação JavaScript de nível profissional para a web moderna, com ele você consegue criar várias animações para seu site.
Visitar ( https://greensock.com/gsap/ )">https://greensock.com/gsap/&quo...
AOS.JS
Outra biblioteca Javascript para criar efeitos incríveis de rolagem em seu site.
Visitar ( https://michalsnik.github.io/aos/ )">https://michalsnik.github.io/aos/"...
Outra biblioteca Javascript para criar efeitos incríveis de rolagem em seu site.
Visitar ( https://michalsnik.github.io/aos/ )">https://michalsnik.github.io/aos/"...
Magic
Uma biblioteca com centenas de efeitos de cliques, com certeza você vai encontrar algum que encaixa em seu projeto.
Visitar ( https://www.minimamente.com/project/magic/ )">https://www.minimamente.com/project/m...
Uma biblioteca com centenas de efeitos de cliques, com certeza você vai encontrar algum que encaixa em seu projeto.
Visitar ( https://www.minimamente.com/project/magic/ )">https://www.minimamente.com/project/m...
Conclusão
Todas as bibliotecas listadas aqui são totalmente gratuitas, até o momento da postagem todas estão 100% disponíveis para você adicionar animações em seu site.
Todas as bibliotecas listadas aqui são totalmente gratuitas, até o momento da postagem todas estão 100% disponíveis para você adicionar animações em seu site.
Aqui no site ainda temos mais 7 bibliotecas Java script que você também precisa conhecer ( https://www.cupcom.com.br/programacao/7-bibliotecas-javascript-que-voce-precisa-conhecer.html).
Conhece">https://www.cupcom.com.br/programac... alguma outra que não foi listada aqui? coloque aí nos comentários.
Conhece">https://www.cupcom.com.br/programac... alguma outra que não foi listada aqui? coloque aí nos comentários.
This thread can be read here: https://www.cupcom.com.br/programacao/bibliotecas-de-animacoes-para-designs-e-front-ends.html">https://www.cupcom.com.br/programac...
