Derulați și animați ușor pagina dvs. cu Force.js

Animație web este mai ușor decât oricând înainte, cu pur animații CSS3 devenind normă. Dar, JavaScript este încă incredibil de valoros și este una dintre puținele limbi fiabile pentru animațiile tehnice.

Biblioteca Force.js este un script gratuit open-source construit în jurul animații dinamice ale paginilor.

Puteți crea animații de salt în derulare în interiorul paginii în sine, sau puteți anima elemente în jurul paginii. Ambele sunt la fel de simplu de configurat și biblioteca vine cu o mulțime de caracteristici.

Implicit, Force.js se bazează pe tranzițiile CSS ori de câte ori este posibil. Aceste lucrați în toate browserele moderne și codul este mult mai simplu, plus oferă un suport mai larg pentru utilizatorii care nu permite JavaScript.

Biblioteca folosește a metode naturale de rezervă cu cod JavaScript, astfel încât este în siguranță și pentru browserele mai vechi.

Și, Force.js este o bibliotecă de vanilie, așa că nu necesită dependențe cum ar fi jQuery. Dar, dacă vă place jQuery, puteți rula această sintaxă peste Force și va funcționa în continuare foarte bine. Excelent pentru versatilitate cu diferite site-uri web.

Cele două mari tehnici de animație sunt salturi și mișcări. Veți determina unde se mișcă elementul, cât de repede se mișcă și de ce tipuri de metode de relaxare.

Biblioteca are de asemenea o grămadă de opțiuni personalizate puteți optimiza pentru un control și mai mare asupra animațiilor. Poti editați obiectivele de legătură ancoră și aranjați care eșecuri veți avea nevoie-chiar dacă doriți mai multe opțiuni pe aceeași pagină!

Toată documentația este disponibil pe GitHub, împreună cu fișierele.

Sau, dacă preferați npm / Bower puteți trageți direct fișierele în acest fel. Trebuie doar să include unul force.js fişier în antetul tău și vei fi bine să pleci.

De asemenea, vă recomand să schimbați documentația deoarece este plină exemple pentru a sari() și mișcare() metode.

Ei amândoi luați argumente pentru timp, relaxare și poziție, deci este crucial să înțelegeți cum funcționează acestea. Deși, odată ce obțineți acest lucru, nu vă veți uita niciodată înapoi, deoarece este o bibliotecă animată perfectă pentru orice proiect.