Role e anime sua página facilmente com Force.js
A animação da Web é mais fácil do que nunca, com animações CSS3 puras tornando-se a norma. Mas, JavaScript ainda é incrivelmente valioso e é uma das poucas linguagens confiáveis para animações técnicas.
o Biblioteca Force.js é um script gratuito de código aberto construído em torno de animações dinâmicas de página.
Você pode criar animações de rolagem dentro da própria página, ou você pode animar elementos ao redor da página. Ambos são igualmente simples de configurar e a biblioteca vem com vários recursos.
Por padrão, Force.js depende de transições CSS quando possível. Estes trabalhar em todos os navegadores modernos e o código é bem mais simples, além de oferecer suporte mais amplo para usuários que não permitir JavaScript.
A biblioteca usa um método de fallback natural com código JavaScript, por isso também é seguro para navegadores mais antigos.
E, Force.js é uma biblioteca de baunilha, por isso não requer dependências como jQuery. Mas, se você ama o jQuery, pode executar essa sintaxe sobre o Force e ele ainda funcionará bem. Ótimo para versatilidade com diferentes sites.
As duas grandes técnicas de animação são pula e movimentos. Você determina onde o elemento está se movendo, o quão rápido ele se move e sobre quais tipos de métodos de atenuação.
A biblioteca também tem um monte de opções personalizadas você pode ajustar para um controle ainda maior sobre as animações. Você pode editar os alvos do link de ancoragem e configurar quais easings você precisará-mesmo se você quiser diferentes easings na mesma página!
Toda a documentação é disponível no GitHub, junto com os arquivos.
Ou, se você preferir npm / Bower você pode puxar arquivos diretamente dessa maneira. Você só precisa inclua aquele force.js Arquivo no seu cabeçalho e você será bom para ir.
Eu também recomendo skimming a documentação porque ela está cheia de exemplos para o saltar() e mover() métodos.
Ambos levar argumentos para o tempo, facilitando e posição, Por isso, é crucial entender como isso funciona. Embora, quando você fizer isso, você nunca olhará para trás, porque é a biblioteca de animação leve e perfeita para qualquer projeto..
