Pomičite se i animirajte svoju stranicu na jednostavan način pomoću značajke Force.js

Web animacija je lakša nego ikad prije, s čiste CSS3 animacije postaje norma. Ali, JavaScript je još uvijek nevjerojatno vrijedan i to je jedan od nekoliko pouzdanih jezika za tehničke animacije.

Knjižnica Force.js je slobodan open-source skripta izgrađena okolo dinamične animacije stranica.

Možete izgraditi animacije skakanja unutar same stranice, ili možete animirati elemente oko stranice. Oba su jednostavna za postavljanje i knjižnica dolazi s mnogo značajki.

Prema zadanim postavkama, Force.js oslanja se na CSS prijelaze kad god je moguće. To rad u svim modernim preglednicima i kod je mnogo jednostavniji, plus nudi širu podršku za korisnike koji nemojte dopustiti JavaScript.

Knjižnica koristi a prirodna rezervna metoda s JavaScript kodom, tako da je sigurno i za starije preglednike.

I Force.js je knjižnica vanilije, tako da ne zahtijeva nikakve ovisnosti kao što je jQuery. Ali, ako volite jQuery možete pokrenuti tu sintaksu preko sile i to će i dalje raditi. Izvrstan za svestranost s različitim web stranicama.

Dvije su velike tehnike animacije skokovi i potezi. Vi određujete gdje se element kreće, koliko se brzo kreće i kojim metodama olakšavanja.

Knjižnica također ima hrpa prilagođenih opcija možete podesiti za još veću kontrolu nad animacijama. Možeš uredite ciljeve sidrene veze i postavite koje ćete postavke trebati-čak i ako želite različite postavke na istoj stranici!

Sva dokumentacija je dostupno na GitHubu, zajedno s datotekama.

Ili, ako više volite npm / Bower možete povucite datoteke izravno onuda. Samo trebaš uključite jednu force.js datoteka u glavu i bit će vam dobro ići.

Također preporučujem da se dokumentacija skenira jer je puna primjeri za skok() i pomicati() metode.

Oboje uzeti argumente za vrijeme, olakšavanje i poziciju, stoga je ključno razumjeti kako to funkcionira. Iako, nakon što ste to dobili dolje nikada nećete gledati natrag, jer to je savršena lagana knjižnica animacije za bilo koji projekt.