Posouvejte a Animujte svou stránku snadno pomocí Force.js

Web animace je snazší než kdy předtím, s čisté animace CSS3 stát se normou. Ale, JavaScript je stále neuvěřitelně cenný a je to jeden z mála spolehlivých jazyků pro technické animace.

Knihovna Force.js je volně dostupný open-source skript dynamické animace stránek.

Můžete vytvářet posouvané animace uvnitř samotné stránky, nebo můžete animovat prvky kolem stránky. Oba jsou stejně jednoduché nastavení a knihovna přichází s tunou funkcí.

Ve výchozím nastavení Force.js spoléhá na CSS přechody kdykoli je to možné. Tyto práce ve všech moderních prohlížečích a kód je mnohem jednodušší, navíc nabízí širší podporu pro uživatele, kteří nepovolte JavaScript.

Knihovna používá přírodní záložní metoda s kódem JavaScript, tak je to bezpečné i pro starší prohlížeče.

A Force.js je vanilková knihovna nevyžaduje žádné závislosti například jQuery. Ale pokud milujete jQuery, můžete spustit tuto syntaxi přes Force a bude to pořád fungovat. Skvělé pro všestrannost s různými webovými stránkami.

Dvě velké animační techniky jsou skoky a se pohybuje. Určete, kam se prvek pohybuje, jak rychle se pohybuje, a na jaké typy metod uvolňování.

Knihovna má také spoustu vlastních možností můžete vylepšit ještě větší kontrolu nad animacemi. Můžeš upravit cíle vazby kotvy a nastavit, která úlevy budete potřebovat-i když chcete, aby se na stejné stránce nacházela jiná úleva!

Veškerá dokumentace je dostupné na GitHub, spolu se soubory.

Nebo, pokud dáváte přednost npm / Bower můžete stahovat soubory přímo tímto způsobem. Stačí jen zahrnovat jeden force.js soubor do záhlaví a budete dobře jít.

Doporučuji také skimming dokumentace, protože je plná příklady skok() a přestěhovat se() metody.

Oba přijmout argumenty pro čas, uvolnění a pozici, tak je důležité pochopit, jak tyto práce fungují. Ačkoli, jakmile se vám to podaří, nikdy se neohlédnete, protože je to ideální lehká animační knihovna pro jakýkoli projekt.