Posúvajte a animujte svoju stránku ľahko s Force.js

Webová animácia je jednoduchšia ako kedykoľvek predtým čisté animácie CSS3 stáva sa normou. ale, JavaScript je stále neuveriteľne cenný a je to jeden z mála spoľahlivých jazykov pre technické animácie.

Knižnica Force.js je bezplatný open-source skript postavený okolo dynamické animácie stránky.

Môžete vytvárať animácie s posúvaním skoku vnútri samotnej stránky, alebo môžete animovať prvky okolo stránky. Obaja sú rovnako jednoduché na nastavenie a knižnica prichádza s množstvom funkcií.

Predvolene je Force.js spolieha na prechody CSS kedykoľvek je to možné. Títo pracovať vo všetkých moderných prehliadačoch a kód je oveľa jednoduchší a ponúka širšiu podporu používateľom, ktorí nepovoliť JavaScript.

Knižnica používa a prirodzená záložná metóda s kódom JavaScript, takže je to aj pre staršie prehliadače.

A Force.js je vanilková knižnica, tak to je nevyžaduje žiadne závislosti ako napríklad jQuery. Ale ak máte radi jQuery, môžete spustiť túto syntax cez Force a bude to stále fungovať. Skvelé pre všestrannosť s rôznymi webovými stránkami.

Dve veľké animačné techniky sú skoky a pohyby. Určujete, kde sa prvok pohybuje, ako rýchlo sa pohybuje, a na ktorých druhoch uvoľňovacích metód.

Knižnica tiež má veľa vlastných možností môžete upraviť pre ešte väčšiu kontrolu nad animáciami. Môžeš upraviť ciele odkazu na ukotvenie a nastavte, ktoré z nich budete potrebovať-dokonca aj vtedy, ak chcete na tej istej stránke použiť rôzne možnosti!

Celá dokumentácia je k dispozícii na GitHub, spolu so súbormi.

Alebo ak dáte prednosť npm / Bower môžete vytiahnite súbory priamo tým smerom. Potrebujete len to zahrnúť jeden force.js súbor do svojej hlavičky a budeš dobré ísť.

Tiež odporúčam skenovanie dokumentácie, pretože je plná príklady pre skok () a pohyb () metódy.

Obaja brať argumenty na čas, uvoľnenie a pozíciu, takže je veľmi dôležité pochopiť, ako to funguje. Hoci, akonáhle to dosiahnete, nikdy sa nebudete pozerať späť, pretože je to ideálna ľahká animačná knižnica pre každý projekt.